DIVCSS常用的Html網頁布局代碼
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:?以下是引用片段：
? ? 這裡是第一列 ? 這裡是第二列 ?