div宽度自适应

• 自适应宽度的层不要指定宽度和float属性
• 自适应宽度的层物理的位置放在最下面
• 自适应的div中不能出现“width=100%”，否则在ie6中会出现错位现象，ie7，ie8，ff3，chrome都正常。

<div id="userInfo">
</div>
			
<div id="hotGroup">
</div>
			
<div id="chartPanel">
</div>

#userInfo{
	width:200px;
	height:300px;
	border:1px solid #eee;	
	float:left;
}

#chartPanel{
	border:1px solid #eee;
	height:300px;
	margin:0 204px;
}

#hotGroup{
	width:200px; 
	height:300px;
	border:1px solid #eee;
	float:right;
}

 

评论

1 楼 kuchaguangjie 2010-08-31  

好！！！恰能解决问题~~
只是 ie6 下，显示在中间的 div 和 显示在 左、右 的 div 的间距 和 其它浏览器稍不同点~~