Дайте родительский div той же высоты, что и дочерний div

Question

У меня проблема. У меня есть (упрощенный) этот код:

<div class="page"> 
    <div class="leftcolumn">content</div> 
    <div class="midcolumn">some text 
     <div class="midcolumn content">more text</div></div> 
    <div class="rightcolumn">a nice widget, or so</div> 
</div> 

слева, в середине и в правой колонке просто плавал и имеют apdative (=%) ширины, и это работает отлично. К сожалению, высота трех столбцов правильная, они - только высота содержимого, которое в них. К сожалению, страница div получает высоту 1px, даже если столбцы в ней больше. Как получить страницу div для получения одинаковой высоты столбцов. Например, если самый большой из трех столбцов имеет высоту 1000 пикселей, я хочу, чтобы страница div получала высоту 1000 пикселей. Может ли кто-нибудь сказать мне, как я должен это делать?

Answer 1

Добавить overflow:auto на вашу страницу div.