当一个div高度很大时,我想等于两个div的高度
例子:
<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) 设置相对于容器的位置并自动清除它(我使用了 overflow: hidden 但你也可以使用 clearfix)。 2) 将其中一个 div float 在里面,这样容器就会根据里面的内容展开。 3) 将绝对位置设置为您的一个 div,并将其顶部和底部位置设为 0px,这将确保它具有 100% 的高度。
缺点: - 缺乏对 IE6 的支持 - 你需要选择哪个 div 总是有较少的内容,然后绝对定位
希望对您有所帮助!
关于html - 仅使用 css 均衡 2 div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9507371/