Как поставить height 100% относительно дива?

Question

[EntaltsevSN]

Всем привет. Такой вопрос.

Есть html, body { height: 100%; }, чтобы .div { height: 100%; } занимал весь экран.
Если к этому .div добавить { box-sizing: border-box; padding: 80px 0 90px; }, то .div-inner внутри c { height: 100%; } займёт область с отступами 80px сверху и 90px снизу.
Внутри .div-inner есть .list { height: 100%; }, который в теории должен быть в рамках .div-inner с отступами со скроллами. Но когда я вставляю большой текст: "lorem ipsum me....." он игнорирует отступ снизу и пристыковывает нижнюю часть блока без отступа 90px снизу.

На всякий случай код css примерно такой.
html, body { height: 100%; }
div { height: 100%; box-sizing: border-box; padding: 80px 0 90px; }
.div .div-inner { height: 100%; }
.div-inner .list { height: 100%; }

Почему это происходит и как это поправить? Заранее спасибо.

Comments

[Денис Инешин]

Хватит писать тут странные кусочки кода, выложите рабочий пример на Jsfiddle.

Answer 1

[Евгений Калибров]

может добавить диву overflow-y: auto ?

Comments

[EntaltsevSN]

Блин.. Я не тому блоку добавлял overflow))) Спасибо!