2016-06-08 8 views
-1

ich dieses CSS bin mit:2 Divs mit Position fixiert und absolut mit Top-0

html{ 
height:100%; 
} 

#Nav{ 
position:fixed; 
top:0; 
} 

#Heading{ 
position:absolute; 
top:0; 
} 

Das Problem ist, dass, wenn das DIV #Heading in der HTML-Datei verwenden, ist es eine Scrollbar verursachen.

Also ist es unmöglich, zwei DIVs mit "festen" Positionierung und Top 0 zu verwenden?

Wenn ich die zweite div (Position: absolute) entfernen, verschwindet die Bildlaufleiste.

Können Sie mir sagen, wie man das CSS richtig kodiert?

Vielen Dank!

+0

Was versuchen Sie zu erreichen und warum brauchen Sie 'position'? – Baruch

+0

Ich brauche das für eine feste Hintergrund-Scroll-Seite. Auf dieser Website sollte die Überschrift das erste angezeigte Bild überlappen. So in diesem Video: https://www.youtube.com/watch?v=PWoOpJtkyjI thx! – Dom85

+0

Ich glaube, ich habe vergessen, Überlauf hinzuzufügen: versteckt; to html – Dom85

Antwort

0

ich gefunden habe, um eine Lösung hören:

Make body have 100% of the browser height

html { height:100%; } 
body { position:absolute; top:0; bottom:0; right:0; left:0; } 

Das nächste Problem ist, dass ich ein DIV mit Position hinzufügen möchten: absolut zum unteren Rand der Seite, aber dieses DIV in der Mitte der Seite hängen.

Verwandte Themen