Автовысота 100% у вложенных divов

adelante · September 10, 2014

<body> <div id="wrapper1">  <div id="wrapper2">   <div id="wrapper3">    content   </div>  </div> </div></body>

body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }

Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3.

Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работать?

Edited September 10, 2014 by adelante

sigma77 · September 10, 2014

1) Какое отношение ширина имеет к высоте?

2) Высота дочернего блока в процентах может быть вычислена только от явно заданной высоты родительского блока. Исключение - position: absolute/

adelante · September 10, 2014

1)опечатка

2)спасибо.

Sign In

Автовысота 100% у вложенных divов

Question

adelante

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

adelante

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information