2016-06-11 4 views
0

In meiner Website habe ich eine responsive nav bar mit einer Kopfzeile am oberen Rand der Seite. Wenn die Navigationsleiste geöffnet wird, wird das div mit dem Header nach unten gedrückt.wie man nav bar push div down nicht lassen

Wie ist es möglich, dass die Navigationsleiste einfach über das div hinausgeht, ohne es zu drücken?

Link to the website

Vielen Dank im Voraus.

Antwort

1

Nice name Vlad.

style = 'position:absolute;' wird es so machen, dass die Dimensionen/Position des Elements, an das Sie es anfügen, keine anderen Elemente als seine Kinder betreffen.

Mozilla Dev Reference

+1

danke! Ich denke, die Divs waren nicht richtig ineinander positioniert und das verursachte Probleme. Ich habe das Problem behoben, indem ich den Header in das darunter liegende div platziert habe. – vlad

+1

Außerdem wird 'position: fixed' das Element auf dem Bildschirm fixieren, egal wo sich das Fenster befindet. Nur die relative Positionierung (was die Elemente standardmäßig haben) bewirkt, dass alle Elemente die Position und Ränder der anderen respektieren. – JackHasaKeyboard