本文和大家重点讨论一下DIV高度自适应的三种有效解决方法，它们分别是一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。

DIV高度自适应的三种有效解决方法

DIV＋CSS设计俨然已成网页设计界的标准了。这种设计的好处大家都是知道的，但有些小问题确实很棘手，例如令人头痛的“DIV高度自适应”问题。

现在有三种解决DIV高度自适应行之有效的办法，一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。

1、JS法

用JS判断左右DIV的高度，若不一致则设为一致。
$(document).ready(function(){
if($(“.right”).height()>$(‘.left’).height()){
$(“.left”).height($(“.right”).heght)();
}
});

2、背景图填充法

第二种解决DIV高度自适应的方法是背景图填充法，这是大站用得比较多的方法。

这里是给父DIV设置了背景图片填充，所有DIV都不设高度。

3、补丁大法

最后一种DIV高度自适应的方法就是补丁大法。就是　“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。比较另类一点的方法，在IE6、IE7、FF3下测试通过。原理自己理解。

父DIV设置　overflow:hidden;