给父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>

左，中和右列只是浮动的，并且具有适当的（=％）宽度，这很好用。 不幸的是，三列的高度是正确的，它们只是其中内容的高度。 不幸的是，即使div页面中的列更大，它的高度也只有1px。 如何获得页面div以获取相同高度的列。 例如，如果三列中的最大列的高度为1000px，我希望div页面的高度为1000px。 谁能告诉我该怎么做？

Answer 1

将overflow:auto添加到您的页面div。