169 похожих чатов

Синия граница main Черная граница div#content Зеленая граница div#home html, body {

height: 100%;
}

header {
min-height: 5%;
padding: 20px 0px 10px 20px;
background-color: rgb(162, 190, 187);
}

main {
min-height: 80%;
padding: 10px;
background-color: rgb(123, 145, 141);
border: 2px solid rgb(5, 172, 255);
}

#content {
min-height: 100%;
box-sizing: border-box;
border: 2px solid rgb(62, 64, 65);
}

#home {
height: 100%;
padding: 10px;
box-sizing: border-box;
border: 2px solid rgb(98, 109, 48);
}
Подскажите, почему div#content не занимает всю высоту main?

10 ответов

4 просмотра

https://youtu.be/-sF5KsEo6gM

DORIAN GRAY- Автор вопроса
Ivan Sam
https://youtu.be/-sF5KsEo6gM

Вот не могу понять одного, высота body по умолчанию равна высоте контента внутри. Но цвет фона серый у body на все окно

DORIAN GRAY- Автор вопроса
Ivan Sam
Сделай кодпен

ну я про видео которое ты скинул. там в начале у него

Ivan Sam
https://youtu.be/-sF5KsEo6gM

"Not gonna lie, height in CSS is cursed."

DORIAN GRAY- Автор вопроса
Ivan Sam
https://youtu.be/-sF5KsEo6gM

а где тут ответ на мой вопрос?

Irina Debi
min-height: 100vh; не?

ну, не, у тебя тогда если контент будет занимать, скажем, половину экрана, то тогда у страницы всё равно будет скролл тк контент будет на всю высоту вьюпорта. Тут тогда надо min-height: calc(100vh - (сумма высот хедера и футера)) .

Ivan Sam
ну, не, у тебя тогда если контент будет занимать, ...

я не знаю, не вникала щас, может просто вопрос у него был как блок-контент сделать на всю высоту блока-мейн (и тогда 100vh решает это)

Похожие вопросы

Обсуждают сегодня

я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
49
читать файл максимально быстро? странный вопрос))
zamtmn
53
How to create an OS in C? what to study?
Linus
18
Всем доброго вечера! Хочу поделиться своим злоключением с человеком, который, как оказалось сюда тоже скидывал свое резюме. Жаль, что я вашу группу не нашел раньше… человек ки...
Роман Ахмедзянов
4
Компания Elif ищет менеджера проектов, который будет заниматься поиском и ведением новых проектов. Прежде чем приступить к работе, вам нужно пройти наш недельный курс, где вы ...
Elif
5
тоесть, указав return eax, сгенерируется никому ненужная инструкция mov eax,eax ?
Aiwan \ (•◡•) / _bot
24
Привет, кто может сделать юзербота с апи? Задачи: - создавать группы - создавать каналы - задавать для созданных каналов аватарку или эмоджи, имя группы - добавлять в группы...
Lencore
11
а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
63
@HemulGM Параметры у AddStream поменялись? Несостыковка какая-то
Катерина Свиридова
12
Подскажите, есть какие-то события создания/уничтожения у TFrame по типу TForm (OnCreate и OnClose/OnDestroy) ? Как отловить создание TFrame и "перед" уничтожением. На Tframe р...
Денис
8
Карта сайта