it-swarm.com.ru

Пустой div (со стилем: высота) не будет отображаться

Невероятно простой кусок HTML - но не отображающий, как я ожидал. 

Я пытаюсь создать пустой div, который отображается в виде пробела в верхней части страницы, с style="height: 400px;"

Даже если я указал высоту, мой пустой div не будет отображаться. Что мне здесь не хватает? 

ОБНОВЛЕНИЕ: мой главный вопрос: почему пустой div не отображается, даже если для него задана высота? Или какие основные правила style необходимы для отображения пустого элемента div?

Полный код:

<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

Если вы просто хотите добавить пробел, попробуйте это

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

СКРИПКА

или вы можете просто добавить заполнение к телу, как body { padding-top: 400px; }

16
mdesdev

Вы ищите стиль css: min-height: 20px;. По умолчанию div без содержимого будет иметь высоту 0, так как по умолчанию используется автоматическая настройка, которая подстраивается под размер содержимого.

 enter image description here

 enter image description here

6
Dmitri Larionov

Вам нужно добавить фон, чтобы вы могли видеть белое поле.

background-color:black;

Вы не сможете увидеть это.

3
Shaun

Причина, по которой он не отображался, заключается в том, что у вас был position:absolute в вашем стиле. Это означает, что div будет позиционироваться независимо от других элементов и не будет влиять на последующую div. Таким образом, ваш второй div по сути является первым div на экране.

0
broc.seib