CSS 100% высоты со многими вложенными и плавающими делениями

Question

Я работаю над макетом, состоящим из нескольких вложенных элементов Div, и в идеале я хочу, чтобы области содержимого растягивали высоту экрана.Это довольно просто, и я делал это в прошлом, но не в этом типе макета, и я борюсь с этим.Вместо того, чтобы вставлять весь код, я загрузил его на сервер, который можно предварительно просмотреть.

http://www.danyuschick.com/theembalmed/

Любая помощь будет отличной.Я нахожусь в конце этого остроумия прямо сейчас.

Answer 1

Посмотрите на эту ссылку:

http://ninja -code.net / дополнительные / stackoverflow_test.php

Он использует намного меньше DIV и будет расширяться по мере заполнения контента. Он также сохраняет ваши изображения как границы вдоль «конента» - я не был уверен, что вы хотите, чтобы это повторилось.

Я не хотел суетиться, толкая нижний колонтитул.

Answer 2

http://www.w3.org/TR/CSS2/visudet.html#the-height-property

<процент>

Указывает процентную высоту.Процент рассчитывается относительно высоты содержащего блока сгенерированного блока.Если высота содержащего блока не указана явно (т. Е. Зависит от высоты содержимого), и этот элемент не является абсолютно позиционированным, значение вычисляется как 'auto' .

Таким образом, всякий раз, когда вы используете проценты в качестве высоты, содержащийся блок элемента должен иметь явную высоту для рассмотрения.