div宽度自适应

最新推荐文章于 2024-07-03 09:36:39 发布

原创最新推荐文章于 2024-07-03 09:36:39 发布 · 255 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Chrome #浏览器

web 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种实现网页自适应布局的方法，重点讲解了如何避免使用宽度和浮动属性来创建能够根据浏览器窗口大小调整自身宽度的元素。此外还提到了特定CSS设置在不同浏览器中的表现差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自适应宽度的层不要指定宽度和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;
}