当div高度较大时,我想等于两个divs高度

例如:

<div style="float:left;padding:2px;background:red;">B</div>
<div style="float:left;padding:2px;background:green;">A<br />C<br />D</div>
<div style="clear:both;"></div>


div 2的高度大于div 1的高度

最佳答案

我可能为您提供一种可能的解决方案:

http://jsfiddle.net/adaz/wRcWj/1/

好吧,它可能会在ie7 +上运行,所以我不确定这是否对您足够。

简要描述;简介:

1)相对于容器设置位置并对其进行自我清除(我使用过溢出:隐藏,但也可以使用clearfix)。
2)将其中一个div浮动,以便容器将根据内部内容扩展。
3)将绝对位置设置为您的div之一,并将其​​顶部和底部位置设置为0px,这将确保其高度为100%。

缺点:
-缺乏IE6支持
-您需要选择哪个div总是包含较少的内容,然后将其绝对位置

希望能帮助到你!

关于html - 仅使用CSS均衡2 divs高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9507371/

10-12 00:21
查看更多