HTML элемент DIV Исчезает без содержания

Когда я создаю элемент отделения HTML без содержания, это исчезает.

Когда отделение заполняется, как этот HTML, затем оно работает правильно.







    

content

Я получаю следующий (ожидаемый) вывод:

alt text

Однако, если я изменяюсь div элемент с class = nav ни к какому содержанию:


Красное поле исчезает:

alt text

Это похоже там нет никакого отделения! Как у меня может всегда быть шоу программы отделение без содержания?

8
задан Glorfindel 6 June 2019 в 16:07
поделиться

5 ответов

, когда DIV пустой У элемента нет высоты. Так что на самом деле происходит, что это там, но имеет 0 высоту.

Вы могли бы что-то поставить в него (вроде или дают его высоту и / или высота линии . Я бы предложил дать другому деволюту то же самое Высота.

14
ответ дан 5 December 2019 в 07:58
поделиться

Положите невыполненное пространство в нем. Это то, что я делаю, когда мне нужно что-то , но не ничего. Вы также можете дать ему явную высоту, чтобы получить тот же результат.

4
ответ дан 5 December 2019 в 07:58
поделиться

Аликс,

Вам нужно добавить значение высоты в класс .nav

    <!doctype html> 
<head> 
<style> 
    .nav { 
        width: 26%; 
        height: 50px;
        display: inline; 
        float: left; 
        margin-left: 2%; 
        margin-right: 2%; 
        background-color: #FF0000; 
    } 
    .content { 
        width: 56%; 
        display: inline; 
        float: left; 
        margin-left: 2%; 
        margin-right: 2%; 
        background-color: #0000FF; 
    } 
</style> 
</head> 

<body> 
    <div style="width: 600px;"> 
        <div class="nav"></div> 
        <div class="content"><p>content</p></div> 
    </div> 
</body> 
</html> 
0
ответ дан 5 December 2019 в 07:58
поделиться

Убедитесь, что содержит какой-то содержание. Обычно самое лучшее. Он гарантирует, что для браузера есть как минимум для отображения / рендера. Это также может быть причиной вашего DTD.

1
ответ дан 5 December 2019 в 07:58
поделиться

После добавления значения высоты также добавьте свойство отображения на класс NAV, например:

height:1em;
display:block;
0
ответ дан 5 December 2019 в 07:58
поделиться