Pusty element div (ze stylem: wysokość) nie wyświetli

Nieprawdopodobnie prostego fragmentu kodu HTML - ale nie wyświetli się, jak można się spodziewać.Pusty element div (ze stylem: wysokość) nie wyświetli

Próbuję utworzyć pusty div, który wyświetla jako białe znaki na górze strony, z style="height: 400px;"

Chociaż określono wysokość, mój pusty div nie będą wyświetlane. Czego tu mi brakuje?

AKTUALIZACJA: moje główne pytanie brzmi: Dlaczego pusty div nie jest wyświetlany, nawet jeśli ma ustawiony wysokość? Lub, jakie są podstawowe zasady style potrzebne do wyświetlenia pustego div?

Pełny kod:

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

Źródło

2013-09-25 azochz

Spróbuj dodać wyświetlacz: blok; – rfoo

Czego oczekujesz? – jono

Zrobiłem to skrzypce i dodałem granice do twoich div. Czego oczekujesz? http://jsfiddle.net/KyQgg/4/ – rfoo

Jeśli chcesz po prostu dodać spacje spróbować

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

FIDDLE

lub można po prostu dodać dopełnienie do ciała jak body { padding-top: 400px; }

Źródło

2013-09-25 01:51:05 mdesdev

Nie działa, jeśli użyjesz 'height: 50%'. Jak to działa? – akaltar

Trzeba dodać tło, dzięki czemu można zobaczyć białe pole.

background-color:black;

Nie będzie można go zobaczyć.

Źródło

2013-09-25 01:48:31 Shaun

Styl css szukasz jest min-height: 20px; Domyślnie div bez zawartości będzie miał wysokość 0, ponieważ ustawienie automatyczne jest domyślne, które dopasowuje się do zawartości.

Źródło

2016-11-29 16:02:24

To genialne rozwiązanie! –

Powodem nie jest wyświetlane, ponieważ trzeba było position:absolute w swoim stylu. Oznacza to, że div będzie pozycjonowany niezależnie od innych elementów i nie będzie miał wpływu na następującą po nim div. Tak więc twoja druga div jest w zasadzie pierwszą na ekranie liczbą div.

Źródło

2017-11-18 16:23:22

Pusty element div (ze stylem: wysokość) nie wyświetli

Odpowiedz

Powiązane problemy