解决div列高度自适的3种常用方法

4、"divleft").style.height=document.getElementById"divright").scrollHeight+"px"优点：代码超级简单缺点：要确定有某一列的高度始终是相对最高的，此方法比较被动。3、margin负值父子容器高度继承这个方法能较好地解决列高度相同的问题。三行二列布局，主要内容在左边，网页宽度780px,左列540px,右列240px。CSS代码：#main{　　width:540px;　　float:left;　　background

5、:#FFFFFF;　　text-align:left;}#divleft{　　width:540px;　　float:left;　　position:relative;　　margin-left:-540px;}#divright{　　width:240px;　　float:right;　　position:relative;　　margin:0-240px00;　　background:#F0F0F0;}html代码： 　　 　　　　

6、ivid="divright"> 　　或许刚接触的WebStandards的朋友对这种方法不怎么理解，现Blank分析一下：［Ａ］［Ｂ］［Ｃ］上结构中a包含c，c包含b。当b的高度为最高时，那么a和c将继承b的高度，如果a和b位置重合，将显示b的背景；而当c的高度最高时，那么a继承将继承c的高度，如果a和b位置重合，将显示a的背景。这样无论b最高或者c最高都将显示div列高度相同。优点：兼有第一种方法的优点，并且比第一种方法的代码稍微简洁。缺点：整体结构只能左对齐。