как установить высоту контейнера DIV до 100% от высоты окна?
У меня есть пара проблем с моим контейнером DIV. Во-первых, он неправильно распознает высоту моего контента (я бы подумал, что он выходит за пределы нижней части основного контента и боковой панели, но это не так '' t). Вы можете увидеть, что я имею в виду, на этой странице .
Я также хотел бы, чтобы контейнер DIV всегда заполнял доступную высоту экрана / окна. Я попытался установить его на min-height: 100% , но здесь не было e ффект.
Вот CSS, который я использую для контейнера DIV:
#container {
padding: 0;
margin: 0;
background-color: #292929;
width: 1200px;
margin: 0 auto;
min-height: 100%;
}
Я был бы благодарен за любую помощь, чтобы это заработало.
Спасибо,
Ник
2 ответа
Вы установили CSS:
html, body
{
height: 100%;
}
Это необходимо, чтобы div занимал все пространство. :)
html {
min-height: 100%;
}
body {
min-height: 100vh;
}
html height (%) позаботится о высоте документов, это height больше, чем 100% из screen view, в то время как body view height (vh) позаботится о высоте документа, которая меньше чем высота экрана.