主流布局的型別：
1.靜態布局
2.響應式布局
3.彈性布局
pc站常見的布局：
1.一列布局（靜態布局）：一列自適應居中
2.兩列布局：一列固定寬+一列自適應
3.三列布局（雙飛翼布局）：中間列自適應寬+左右列的寬固定
一列布局：
1.兩個要點：
*頁面內容區有乙個固定寬度
*頁面內容區域在瀏覽器視窗中自適應居中
2.實現辦法：
頁面內容區域box
兩列布局：
1.實現辦法：
固定列容器
自適應列容器
三列布局：
特點：三列布局：中間寬度自適應，兩邊定寬。
中間列放置主題內容，在瀏覽器中優先展示渲染
原理：當子元素處於浮動狀態時，設定負margin>=子元素寬度時，子元素會疊到兄弟元素上
CSS常見布局總結
元素水平居中 行內元素水平居中 text align center 塊元素水平居中 margin 0 auto 注意 margin 是復合屬性，也就是說 margin auto 其實相當於 margin auto auto auto auto margin 0 auto 相當於 margin 0 a...
知識總結 HTML5布局之flex布局總結
一 布局幾種方式 1.靜態 自然 布局 沒有任何 float,position等 修飾的布局 2.浮動布局 float 3.定位布局 position 4.彈性布局 flex 5.柵格布局 就是把網頁的寬度分成固定的相同寬度,然後列出各種可能的組合,以便頁面在進行呈現時能夠進行快速的布局,通常12等...
HTML與CSS布局技巧總結
單列布局 class parent class child div div 水平居中 水平居中的布局方式是最常見的一種，常常用於頭部 內容區 頁尾，它主要的作用是控制盒子在整個頁面以水平居中的方式呈現。使用margin 0 auto來實現 child 優勢 相容性好 劣勢 需要指定盒子 寬度 1.使...