css - 子 div 在最大 div 之后调整大小

Question

我正在尝试在父 div 中设置 3 个 div，父 div 将在子 div 的最大高度之后调整大小，但我也希望其他 2 个子 div 的大小与最大高度相同。

<div id="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

父 div 的宽度为 600px，没有指定高度，因此它将根据子 div 的最大高度进行扩展。

#parent {
  width: 600px;
  overflow: auto;
}

.child {
  width: 200px;
  float: left;
}

这是我到目前为止得到的，但如果子 div 有不同的高度，则父 div 高度是子 div 高度中最大的，但其他 2 个子 div 不采用父(最大子的)的高度div 的高度)。

先谢谢你， 丹尼尔!

Answer 1

这个:http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks还有这个:http://buildinternet.com/2009/07/four-methods-to-create-equal-height-columns/可能有帮助。