双恒 使用 CSS 创建列布局
要创建列布局，
按如下方式设置整个文档的边距和填充
<style>
<!--
body {
margin:9px 9px 0 9px;
padding:0;
background:#FFF;
}
-->
</style>定义一个黄色的列，稍后，我们将此规则附加到 -
<style>
<!--
#level0 {
background:#FC0;
}
-->
</style>现在让我们在 level0 内定义另一个划分 -
<style>
<!--
#level1 {
margin-left:143px;
padding-left:9px;
background:#FFF;
}
-->
</style>再嵌套一个分区，完整的代码如下 -
<style>
body {
margin:9px 9px 0 9px;
padding:0;
background:#FFF;
}
#level0 {background:#FC0;}
#level1 {
margin-left:143px;
padding-left:9px;
background:#FFF;
}
#level2 {background:#FFF3AC;}
#level3 {
margin-right:143px;
padding-right:9px;
background:#FFF;
}
#main {background:#CCC;}
</style>
<body>
<div id=level0>
<div id=level1>
<div id=level2>
<div id=level3>
<div id=main>
Final Content goes here...
</div>
</div>
</div>
</div>
</div>
</body>
以上就是使用 CSS 创建列布局的详细内容，更多请关注双恒网络其它相关文章！
