单行一列以下是引用片段: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;width: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:370px;}#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;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:auto;margin-left:auto;}#bodycenter#dv1{float:left;width:280px;}#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;}#
CSS常用布局实例 来自淘豆网m.daumloan.com转载请标明出处.