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