当其他div正在改变时如何控制div大小

Question

  

可能重复：
  CSS - Equal Height Columns?

我不是css的最佳人选，所以我的页面布局如下：

<div style="width:80%;border:1px solid #000;">
    <div style="float:left; width:33.3%; background:#aaa;">one</div>
    <div style="float:left; width:33.3%; background:#bbb;">two</div>
    <div style="float:left; width:33.4%; background:#ccc;">three</div>
    <div style="clear:both;"></div>
</div>

div one有侧链接和图像

div two拥有主要内容

div树有一些广告div

现在当主要内容增加时，其他两个保持相同的高度，那么如何让所有3个div的高度增加？

Answer 1

我最近在我的一个网站上使用过它。

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

这对我很有用。您可能需要对代码进行一些反向工程，以使您的列适合您的宽度。

Answer 2

我前段时间研究过这个话题，而且我记得，没有明确的CSS方法可以做到这一点......至少在CSS 2.0中是这样。我找到了一些变通方法，比如背景图片，或者玩溢出。对于我自己，我选择使用java脚本将所有div都设置为相同的高度。