XHTML HTML-Element mit 100% Höhe verursacht Scrollbalken

Question

In meiner CSS-Datei Ich benutze diese:

html,body{height:100%;padding:0;margin:0;border:0;}

, die eine vertikale Bildlaufleiste verursacht auf IE8 erscheinen, Chrome 5 und Mozilla 3.6, alle aktuelle Version.

Auch das Dokument ist leer, es hat nur die html, Kopf und Körper-Tags so nichts von Bildschirm ausgehen, dass führen.

Einstellung overflow: hidden; auf dem HTML-Elemente wird auf der Seite komplett Scrollen stoppen.

Wie kann ich es weggehen bitte aber auch Scrollen halten, wenn der Inhalt höher als Anzeigehöhe ist?

Danke.

Answer 1

Ich brauche 100% Höhe in einem XHTML-Dokument, so dass ich div-Elemente mit 100% haben kann.

Wie auch immer, fand ich die Antwort:

Dieses Problem tritt nur, wenn das oberste Element einen oberen Rand hat. Es scheint, dass die oberen Ränder auf die 100% Höhe hinzugefügt wird es höher zu machen und verursacht die Scrollbar.

Also entweder Verwendung padding-top, um Platz der oberste Element oder eine Verwendung ohne oberen Rand zwischen dem Tag und dem nächsten Element mit einem oberen Rand.

Answer 2

overflow: hidden sollte die Anzeige von Bildlaufleisten (Sie wird wahrscheinlich verlieren ~ 1px von Inhalten aufgrund von Rundungsfehlern

helfen und verhindern,

Answer 3

Es kann bessere Möglichkeiten, aber ich einfach auf 98% Standard, die in allen Browsern zu umgehen Scrollbalken erscheinen.

Sie können auch die Höhe mit Hilfe von JavaScript festgelegt, aber das fühlt sich ein wenig hacky

Answer 4

ich in dieser Ausgabe lief heute und fand die Bildlaufleiste nicht durch einen oberen Rand auf dem ersten Element verursacht wurde, sondern indem er sowohl die HTML-und Körperelemente eine Höhe von 100% haben.

Also, mit dieser CSS-Regel:

html,body { height: 100%; }

erhalte ich Scrollbalken. Wenn ich ändern, dass auf diese CSS-Regel:

html { height: 100%; }

ich keine Scrollbalken erhalten.

Frieden ...

Answer 5

Die vertikale Scrollbar wegen height:100% kommt. Sie brauchen nicht, dass es sei denn, es gibt einen Grund für Sie, dass zu verwenden.

Answer 6

Warum Sie setzen 100% Höhe in Körper?

Es wird diese Höhe standardmäßig erhalten.

Es macht Sinn, Satzhöhe in Körper nur, wenn Sie eine numerische Höhe in Pixel festlegen möchten, wie sagen wir 600px