返回首页
当前位置: 主页 > 编程语言 > CSS教程 >

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

时间:2014-11-18 18:51来源:电脑教程学习网 www.etwiki.cn 编辑:admin

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

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>
 

------分隔线----------------------------
标签(Tag):css css技巧 css实例教程 css源代码 css基础教程
------分隔线----------------------------
推荐内容
猜你感兴趣