三列宽度自适应结构中的的DIV写法
2015-02-06来源:

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

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>

更多信息请查看IT技术专栏

推荐信息
Baidu
map