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}