Страница высотой в доступную область

Рейтинг: 1Ответов: 1Опубликовано: 18.03.2015

Имеем "тяжелую" страницу, состоящую с множества блоков. В основе лежат три блока, три дива. Размер сумы высоты этих блоков должен быть равен высоте видимой области.

Суть в том, что два верхних блока должны иметь фиксированную высоту, а 3 блок должен расширяться на доступную видимую часть экрана. В случае если в 3 блоке контент больше, чем высота, скролл должен быть на 3 блоке, а не общий для всех. Подскажите, пожалуйста, как такое сделать на css?

css html вёрстка
Источник: Stack Overflow на русском

Ответы

▲ 1Принят
html, head {
    height: 100%;
}
div {
    height: 100%;
    overflow: auto;
}

Как-то так

UPD. Можно так