• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Задать тегу div высоту окна браузера на CSS (Cделать div высоту в 100% высоты окна браузера с помощью CSS)
Задать тегу div высоту окна браузера на CSS
Kosten
Дата: Вторник, 2019-04-09, 23:14 | Сообщение 1
Оффлайн
Администраторы
Сообщений:25244
Награды: 57


В этой статье рассмотрим тему, это как растянуть блок по всей ширине и аналогично по высоте окна браузера, где все сделаем при помощи CSS. Ведь CSS позволяет регулировать высоту элемента с помощью свойства height. Пока есть несколько единиц, чтобы указать высоту элемента. Здесь свойство vh является относительно блока, который основном используется.

Это означает vh под высоту области просмотра, где просмотр относится к размеру окна браузера. Таким образом, при использовании vh в качестве единицы высота элемента корректируется относительно высоты окна браузера или области просмотра.

А уже vw обозначает ширину области просмотра, где используется для установки ширины браузера на 100% относительно ширины окна браузера.

Синтаксис: чтобы установить высоту элемента div равной 100% окна браузера, он может просто использовать следующее свойство CSS.

Код
height:100vh;

Сделай 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% высоты его родительского элемента.

Демонстрация
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Задать тегу div высоту окна браузера на CSS (Cделать div высоту в 100% высоты окна браузера с помощью CSS)
  • Страница 1 из 1
  • 1
Поиск: