萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 三列寬度自適應結構中的的DIV寫法

三列寬度自適應結構中的的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>

copyright © 萬盛學電腦網 all rights reserved