фон покрывать весь экран только фон свойство?

если я напишу это в своем css файле.

html {
    background: black;
}

черный цвет покроет весь экран. Но в то время моя htmlстихия не имеет реальной высоты.heightСвойство 0.

Для другого HTMLElement нравитсяdiv, который должен иметь как реальныеheight, так и widthсвойства, которые делают background-colorработы.

Почему такая разница между body, htmlи div?

Я думаю,

html {
    height: 100%;
    width: 100%;
    background: black;
}

это единственный способ сделать весь цвет фона экрана.

Метки
Loatheb, в 08:34 (источник)

1 ответ

  1. Прежде всего, нет никакой разницы между html, body или div элементом относительно их представления.
    как html и тело, высота и ширина div не установлены ни к чему по умолчанию. Если вы не установите его самостоятельно, и если в нем нет содержимого, вы не сможете увидеть его цвет фона.

    образец:

    .empty{
   background-color: black; 
}

.size-set{
  height: 100px;
  width: 100px;
  background-color: green;  
}


.content-div{
   background-color: yellow; 
}
    <div class="empty"></div>

<div class="size-set"></div>

<div class="content-div">content is here</div>

    Надеюсь, это развеет некоторые ваши сомнения.