Проблема без таблиц с автоматическим ростом

Question

моя страница не хочет расти по своему содержанию.пожалуйста, смотрите мою скрипку http://jsfiddle.net/msas3/.область lightBlue должна установить высоту для всей страницы.

Answer 1

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

Эта проблема поднималась много раз, вот один из них, который хорошо поработал, предоставив решение и объяснив его: http://www.codeproject.com/KB/HTML/relatively_simple.aspx

Если честно, я думаю, что использование таблицы - более простое решение, с ним я могу делать меньше позиционирования и выполнять более актуальную работу.

Answer 2

Ты слишком конкретен. Не устанавливайте height: 100%, когда вам это не нужно. Это означает 100% роста родителя.

Для простого ответа: http://jsfiddle.net/msas3/1/

Я удалил height, width и min-height на html, body и #pageContainer

(Если есть конкретная причина, по которой вам нужно указать height, пожалуйста, объясните, что вместо этого может быть решение.)