适用于左右栏是窄幅,中栏为主要内容显示,让其宽度自适应.今日上海网页设计培训学校（http://4415.peixun360.com/）的老师就为大家讲解一下该如何编写三列宽度自适应结构中的的DIV。
CSS
#main{
width:760px;
margin:0 auto;
}
.left{
width:100px;
float:left;
}
.right{
width:120px;
float:right;
}
.center{
margin:0 120px 0 100px;
width:auto;
}
.clear{clear: both;}
HTML
<!--注意:center这个DIV的位置-->
<div id="main">
<div class="left"></div>
<div class="right"></div>
<div class="center"></div>
<div class="clear"></div>
</div>
【寒假招生启动】寒假冷吗?跑跑步就不冷了.寒假来上海网页设计培训,让成绩摆脱寒冷,与你一起奔跑吧!上海网页设计学校寒假招生已火热启动,查看详细内容可点击:http://4415.peixun360.com/ (如需电话回复,请留下您的【姓名+联系方式+城市+课程】,我们会尽快为您致电,祝您今天好心情!)
编辑推荐：http://4415.peixun360.com/news/147042/
友情链接：深圳网页设计培训学校、深圳网页设计培训、深圳网页设计学校（http://649.peixun360.com/）
898995850
