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

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

html {
    background: black;
}

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

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

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

Я думаю,

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

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

Метки

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>

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