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