В этой статье рассмотрим тему, это как растянуть блок по всей ширине и аналогично по высоте окна браузера, где все сделаем при помощи CSS. Ведь CSS позволяет регулировать высоту элемента с помощью свойства height. Пока есть несколько единиц, чтобы указать высоту элемента. Здесь свойство vh является относительно блока, который основном используется.
Это означает vh под высоту области просмотра, где просмотр относится к размеру окна браузера. Таким образом, при использовании vh в качестве единицы высота элемента корректируется относительно высоты окна браузера или области просмотра.
А уже vw обозначает ширину области просмотра, где используется для установки ширины браузера на 100% относительно ширины окна браузера.
Синтаксис: чтобы установить высоту элемента div равной 100% окна браузера, он может просто использовать следующее свойство CSS.
Сделай div 100% высоты
Пример:
HTML
Код
<body>
<div id="usndoeleb-melatives">
<div class="kasetupas">
ZorNet - портал для вебмастера</div>
<div>Здесь можно разместить описание.</div>
</div>
CSS
Код
#usndoeleb-melatives {
height: 100vh;
width: 100vw;
font-size: 19px;
font-family: Times;
padding-top: 237px;
margin: 0px;
background-color: #1b5e94;
text-align: center;
color: #f1eded;
}
.kasetupas {
font-size:38px;
font-weight:bold;
}
Высота этого элемента DIV равна высоте 100% высоты его родительского элемента.
Демонстрация
