html div 堆叠,并排堆叠 div_html_开发99编程知识库

你對這個錯誤 about 。

也不要浮在這裡，這不是你在這裡嘗試。

包裝三個和兩個div給包裝器 align-row ( 請參見 .align 代碼)

同時也給父 align-table ( 見你的#sections )

如果你刪除了，它也能讓你有一個真正的響應式布局，因為CSS規則 table-layout: fixed; site，同時也會自動改變頁面的寬度，不會影響內容的流。

檢查 。

* {

padding: 0px;

margin: 0px;

}

#sections {

/*--LEFT SECTION COLUMNS--*/

width: 1000px;

height: 400px;

margin: 0 auto;

background: red;

display: table;

table-layout: fixed;

}

.align {

display: table-cell;

vertical-align: top;

width: 100%;

}

.sectionLfirst {

width: 500px;

background: orange;

}

.sectionLsecond {

background: skyblue;

}

.sectionLthird {

background: Indigo;

}

.sectionRfirst {

/*--RIGHT SECTION COLUMNS--*/

background: orange;

}

.sectionRsecond {

background: skyblue;

}

.sectionRthird {

background: Indigo;

}

fdkfjdkfj

fdlfkdlkfldkfdlkfdl

fdkfjdkfj

fdlfkdlkfldkfdlkfdl

fdkfjdkfj

fdlfkdlkfldkfdlkfdl

1fdkfjdkfj

fdlfkdlkfldkfdlkfdl

2fdkfjdkfj

fdlfkdlkfldkfdlkfdl

3fdkfjdkfj

fdlfkdlkfldkfdlkfdl