《divcss最常用的网页布局代码》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、divcss布局不同于table布局，它主要是按列来计算，而table是嵌套实现。这里列举了最常见的几种布局代码：单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}#content-top{margin-left:auto;margin-right:auto;wid

2、th:400px;width:370px;}#content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;}三行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}#content-mid{margin-left:auto;margin-right:auto;width:400px;width:37

3、0px;}#content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;}单行两列以下是引用片段：#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}#bodycenter#dv1{float:left;width:280px;}#bodycenter#dv2{float:right;width:410px;}两行两列以下是引用片段：#header{width:700px;margin-right:auto;

4、margin-left:auto;overflow:auto;}#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}#bodycenter#dv1{float:left;width:280px;}#bodycenter#dv2{float:right;width:410px;}三行两列以下是引用片段：#header{width:700px;margin-right:auto;margin-left:auto;}#bodycenter{width:700px;margin-right:aut

5、o;margin-left:auto;}#bodycenter#dv1{float:left;width:280px;}4/4#bodycenter#dv2{float:right;width:410px;}#footer{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}单行三列绝对定位以下是引用片段：#left{position:absolute;top:0px;left:0px;width:120px;}#middle{margin:20px190px20px190px;}#right{position:

6、absolute;top:0px;right:0px;width:120px;}float定位一xhtml:以下是引用片段：这里是第一列