Как сделать div на 100% экрана

@Energizer1 · Регистрация: 15.01.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте, уважаемые обитатели форума. Столкнулся с такой проблемой: мне нужно, чтобы div был на 100% высоты экрана, но почему-то он отображется на 100% только при открытии страницы, если пролистать ее вниз, то этот div закончится. Наверное, такая тема тут уже была, но мне не помогает ничего. Вот код ХТМЛ и ксс. Указывать значение в 100vh тоже пробовал, не помогло.

HTML5
1
 <div class="main">

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
html, body{
    height: 100%;
}
body {
    background-color: #807E81;
}
.main{
    background-color: #211E1E;
    height: 100%;
    width: 80%;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0px;
}

@Energizer1 · 17.01.2017, 18:44 **[ТС]**

Fedor92, Да, как вк, в точку! Вот откройте, например, свою страницу. Там по бокам справа и слева такой голубоватый цвет, а посередине белый. Я хочу тоже самое. Тоже самое, как в вк, только чтобы div (белый цвет) шел сплошь, т.е без пробелов в голубой, как в вк. Белый цвет-это и есть мой div. У меня на сайте также, только div кончается, если я начинаю скроллить вниз, и вместо "белого" (на самом деле у меня другой цвет, но в вк белый, так что беру этот пример для наглядности) идет уже голубой до конца страницы. Как-то так. Более подробного описания проблемы я дать не могу

@c0n · 20.01.2017, 22:14

Проблема решаема добавлением контента в блок высотой равной высоте экрана, и по другому никак.
Можно конечно через медиа запросы сделать фиксированную высоту блоку равной высоте экрана.

Новые блоги и статьи Все статьи Все блоги /
Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .
Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .	Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .

@Energizer1 0 / 0 / 0 Регистрация: 15.01.2017 Сообщений: 8
	17.01.2017, 18:44 [ТС]
	Fedor92, Да, как вк, в точку! Вот откройте, например, свою страницу. Там по бокам справа и слева такой голубоватый цвет, а посередине белый. Я хочу тоже самое. Тоже самое, как в вк, только чтобы div (белый цвет) шел сплошь, т.е без пробелов в голубой, как в вк. Белый цвет-это и есть мой div. У меня на сайте также, только div кончается, если я начинаю скроллить вниз, и вместо "белого" (на самом деле у меня другой цвет, но в вк белый, так что беру этот пример для наглядности) идет уже голубой до конца страницы. Как-то так. Более подробного описания проблемы я дать не могу 0

@c0n 5 / 5 / 1 Регистрация: 28.06.2014 Сообщений: 47
	20.01.2017, 22:14
	Проблема решаема добавлением контента в блок высотой равной высоте экрана, и по другому никак. Можно конечно через медиа запросы сделать фиксированную высоту блоку равной высоте экрана. 0