DIV+CSS常用的Html网页布局代码.docx

DIV+CSS常用的Html网页布局代码,阅读DIV+CSS常用的Html网页布局代码,单行一列以下是引用片段：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 { 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: 20px 190px 20px 190px; }??#right {position: absolute;top: 0px; right: 0px; width: 120px;}float定位一xhtml:?以下是引用片段：div id=warp? div id=column? div id=column1这里是第一列/div? div id=column2这里是第二列/div? div class=clear/div? /div? div id=colu