it-swarm.com.de

Leeres div (mit Stil: Höhe) wird nicht angezeigt

Unglaublich ein einfaches Stück HTML - aber es wird nicht so angezeigt, wie ich es erwartet hätte. 

Ich versuche, ein leeres div zu erstellen, das als Leerzeichen oben auf der Seite angezeigt wird, mit style="height: 400px;"

Obwohl ich eine Höhe angegeben habe, wird mein leeres div nicht angezeigt. Was fehlt mir hier? 

UPDATE: meine Hauptfrage ist: Warum wird ein leeres div nicht angezeigt, auch wenn es eine eingestellte Höhe hat? Oder was sind die grundlegenden style-Regeln, um ein leeres div anzuzeigen?

Vollständiger Code:

<html>
<head><title>Site Name</title>
</head>
<body>
<div style="height:400px; width:100%; margin:0; padding:0; position:absolute;"></div>
<div style="width: 50%; margin: auto;">
<img src="logo.gif"></div> 

<div style="width: 50%; margin: auto;"></div>

</body>
</html>
14
azochz

Wenn Sie nur Leerzeichen hinzufügen möchten, versuchen Sie dies

<div style="height:400px; width:100%; clear:both;"></div>

GEIGE

oder Sie könnten dem Körper einfach eine Polsterung hinzufügen, wie body { padding-top: 400px; }

16
mdesdev

Der CSS-Stil, nach dem Sie suchen, ist min-height: 20px; Standardmäßig hat ein Div ohne Inhalt eine Höhe von 0, da die automatische Einstellung die Standardeinstellung ist, deren Größe sich an den Inhalt anpasst.

 enter image description here

 enter image description here

6
Dmitri Larionov

Sie müssen einen Hintergrund hinzufügen, damit Sie das weiße Kästchen sehen können.

background-color:black;

Sie werden es nicht sehen können.

3
Shaun

Der Grund, warum es nicht angezeigt wurde, ist, dass Sie position:absolute in Ihrem Stil hatten. Dies bedeutet, dass div unabhängig von den anderen Elementen positioniert wird und keinen Einfluss auf das folgende div hat. Ihre zweite div ist also im Wesentlichen die erste div auf dem Bildschirm.

0
broc.seib