html – 如何动态地等于DIV高度

概述我的布局中有两列.主要内容和侧栏.我的要求是如果主要内容在增长,侧栏应自动调整其高度.我想要实现这一点,反之亦然. 以下是示例代码：http://jsfiddle.net/SZ7y9/4/ 如果我得到IE6的修复程序也会很棒. 人造柱很好,但如果你想要一个纯CSS版本 – http://jsfiddle.net/spacebeers/s8uLG/3/ 你设置你的容器溢出设置为隐藏,然后在每个div 我的布局中有两列.主要内容和侧栏.我的要求是如果主要内容在增长,侧栏应自动调整其高度.我想要实现这一点,反之亦然.

以下是示例代码：http://jsfiddle.net/SZ7y9/4/

如果我得到ie6的修复程序也会很棒.

解决方法 人造柱很好,但如果你想要一个纯CSS版本 – http://jsfiddle.net/spacebeers/s8uLG/3/

你设置你的容器溢出设置为隐藏,然后在每个div添加负边距底部和相等的正填充底部.

#container { overflow: hIDden; }#container div { float: left; background: #ccc; wIDth: 200px; margin-bottom: -2000px; padding-bottom: 2000px; }#container .col2 { background: #eee; }<div ID="container">   <div>        <p>Content 1</p>   </div>   <div >        <p>Content 2</p>        <p>Content 2</p>        <p>Content 2</p>        <p>Content 2</p>   </div></div>

编辑：如果你想要一个圆形边界,那么看看这个例子 – http://www.ejeliot.com/samples/equal-height-columns/example-6.html

总结

以上是内存溢出为你收集整理的html – 如何动态地等于DIV高度全部内容，希望文章能够帮你解决html – 如何动态地等于DIV高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。