2

Сабж. Как сделать на js в курсе. Интересует, есть ли решение на css. Сам никак придумать не могу.

Вообще, задача следующая. Есть длинная страница, внутри есть блок сверху. Этот блок должен быть высотой с страницу, т.к. в нём есть форма, которая должна быть по центру.

1
  • Я правда не верстальшик, но что-то подобное краем уха слышал. В процентах вроде никак, только в пикселях.
    – dlarchikov
    6 сен 2013 в 4:47

3 ответа 3

7

Я правильно вас понял? Пример

body {
    width: 5000px;
    height: 5000px;
    background: red;
}
.container {
    background: yellow;
    opacity: .5;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
}
<div class="container"></div>

2
3

Лучше использовать vh:

.my_div {
    height:100vh;
}
1
  • В IOS 7 есть поддержка vh, но она кривая. Вообще, у vh огромное количество ограничений. Я использую только для домашних проектов. 16 сен 2016 в 12:53
0

задать высоту html и body 100% , после чего задать высоту 100% необходимому (дочернему) блоку и он растянется на всю высоту экрана.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.