三列宽度自适应结构中的的div写法
2016-06-27来源:

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

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>

推荐信息
Baidu
map