0%

左右两个DIV等高的四种方法

1:使用背景图

就是两个DIV外面套一个DIV,然后repeat-y一个背景图,这种方法不是真的等高,只是只要有一个内容增多,背景图就会纵向重复,形成左右等高的效果。

2:使用表格

用table,两个TD,一侧内容增加另一侧会自动拉长

3:使用CSS控制(个人感觉最好的方法)

两个DIV都设


div{margin-bottom:-10000px; padding-bottom:10000px;}

此时两个div的父级要设overflow:hidden;

注意此种写法在页面内容中有锚点的时候会有Bug,如果页面中有锚点的话建议用第一种方法

4:使用JS控制

取一个DIV的高度,然后if一个DIV1的高度大于DIV2,然后DIV1.offsetHeight=DIV2.offsetHeight在else{DIV1.offsetHeight=DIV2.offsetHeight}