Leeres div (mit Stil: Höhe) wird nicht angezeigt
Unglaublich einfaches Stück HTML - aber nicht, wie ich es erwarten würde.
Ich versuche, ein leeres div zu erstellen, das oben auf der Seite als Leerzeichen 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, selbst wenn es eine Höhe hat? Oder, was sind die grundlegenden style -Regeln, die benötigt werden, um ein leeres div anzuzeigen?
Vollständiger Code:
%Vor%4 Antworten
Der css-Stil, nach dem Sie suchen, ist min-height: 20px; Standardmäßig wird ein div ohne Inhalt eine Höhe von 0 haben, da die automatische Einstellung die Standardeinstellung ist, die sich an den Inhalt anpasst.
Der Grund, warum es nicht angezeigt wurde, ist, dass du position:absolute in deinem Style hast. Das bedeutet, dass div unabhängig von den anderen Elementen positioniert wird und keine Auswirkung auf das folgende div hat. Ihre zweite div ist also im Wesentlichen die erste div auf dem Bildschirm.