Отзывчивая высота страницы как div расширяет html css

Question

Моя ситуация: На моей странице У меня есть несколько разборных панелей в правой колонке моего основного содержимого. В данный момент, когда я расширяю панель (которая содержит большое количество текста), она исчезает со страницы. Следовательно, это означает, что пользователь не может его прочитать. Это связано с тем, что высота жестко закодирована. Теперь, что я хочу сделать, когда div расширяется, если он достигает максимальной высоты страницы, высота страницы расширяется, чтобы включить весь текст.

Вопрос: Есть ли способ, чтобы высота страницы расширялась вместе с div?

Мой CSS:

.container { 
    width: 1000px; 
    margin: 0px auto; 
    background-color:White; 
    height: 0px auto; 
} 
#page { 
    overflow: hidden; 
    width: 900px; 
    padding: 0px 50px 50px 50px; 
    background-color: #FFFFFF; 
} 
#content { 
    float: right; 
    width: 580px; 
} 

Спасибо за любые предложения

Answer 1

Вы можете сделать .container в clearfix так будет расширяться до размера перемещаемого элемента внутри него. Вот a great article при использовании clearfix.

.container { 
    width: 1000px; 
    margin: 0px auto; 
    background-color:White; 
    height: 0px auto; 
} 

.container:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
} 

Этот код будет работать на все вне IE6 & 7. Если вам нужно Тозе слишком просто взгляните на статью.

Answer 2

Вместо того, чтобы использовать высоту, вы можете попытаться установить положение «абсолютное» и верхнюю часть 0px и бот на .container?

.container { 
    width: 1000px; 
    margin: 0px auto; 
    background-color:White; 
    top: 0px; 
    bottom: 0px; 
} 

Answer 3

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

Спасибо всем