Div vuoto (con stile: altezza) non verrà visualizzato

Incredibilmente semplice pezzo di HTML - ma non mostra come mi aspetterei.Div vuoto (con stile: altezza) non verrà visualizzato

che sto cercando di creare un div vuoto che visualizza come spazio bianco nella parte superiore della pagina, con style="height: 400px;"

Anche se ho specificato altezza, il mio div vuoto non verrà visualizzato. Cosa mi manca qui?

AGGIORNAMENTO: la mia domanda principale è: perché un div vuoto non viene visualizzato anche se ha un'altezza impostata? O quali sono le regole di base style necessarie per visualizzare un div vuoto?

codice completo:

<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>

fonte

2013-09-25 azochz

Prova ad aggiungere display: block; – rfoo

Cosa ti aspetti di vedere? – jono

Ho realizzato questo violino e ho aggiunto bordi ai tuoi div. Cosa ti aspetti? http://jsfiddle.net/KyQgg/4/ – rfoo

Se si desidera solo aggiungere spazi bianchi provare questo

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

FIDDLE

o si può solo aggiungere imbottitura al corpo come body { padding-top: 400px; }

fonte

2013-09-25 01:51:05 mdesdev

Non funziona se si utilizza 'height: 50%'. Come farlo funzionare? – akaltar

è necessario aggiungere uno sfondo in modo da poter vedere la scatola bianca.

background-color:black;

Non sarà possibile vederlo.

fonte

2013-09-25 01:48:31 Shaun

Lo stile css che stai cercando è min-height: 20px; Per impostazione predefinita un div senza contenuto avrà un'altezza pari a 0 a causa dell'impostazione automatica che è l'impostazione predefinita che adatta le dimensioni al contenuto.

fonte

2016-11-29 16:02:24

Questa è una soluzione geniale! –

Il motivo per cui non ha display è perché hai avuto position:absolute nel vostro stile. Ciò significa che div verrà posizionato indipendentemente dagli altri elementi e non avrà alcun effetto sullo div che segue. Quindi il tuo secondo div è essenzialmente il primo div sullo schermo.

fonte

2017-11-18 16:23:22

Div vuoto (con stile: altezza) non verrà visualizzato

risposta

Problemi correlati