三列结构中的DIV写法

黄振国

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

html页面：
<!--注意：center这个DIV的位置-->
<div id="main">
        <div class="left">1</div>
        <div class="right">3</div>
        <div class="center">2</div>
        <div class="clear"></div>
</div>       



CSS样式：
#main{
        width:760px;
        margin:0 auto;
}

.left{
width:100px;
float:left;
background-color:#00FF33;
}

.center{
margin:0 120px 0 100px;
width:auto;
background-color:#0033FF;
}

.right{
width:120px;
float:right;
background-color:#FF0033;
}


.clear{
clear:both;
}