首页 日常生活 社交礼仪 美容健身 电脑网络 手机技巧 电子数码 废物利用
首页 > 电脑网络 > 网站建设 > 三列宽度自适应结构中的的DIV写法详情

三列宽度自适应结构中的的DIV写法

  • 2015-12-01 04:45:47
  • 阅读:...

适用于左右栏是窄幅,中栏为主要内容显示,让其宽度自适应。

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>

网站建设热点文章