網頁布局第一準則：
多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。
網頁布局第二準側：
先設定盒子的大小, 之後設定盒子的位置
浮動元素會脫離標準流(脫標) ，不再保留原先的位置
浮動的元素會一行內顯示並且元素頂部對齊，互相貼靠在一起沒有縫隙，如果父級寬度裝不下會另起一行顯示
浮動的元素會具有行內塊元素的特性
浮動的盒子不會有外邊距合併的問題
為了約束浮動元素位置, 我們網頁布局一般採取的策略是: 先用標準流的父元素排列上下位置, 之後內部子元素採取浮動排列左右位置。
乙個元素浮動了，理論上其餘的兄弟元素也要浮動
若有兄弟未浮動，浮動的盒子只會影響浮動盒子後面的標準流,不會影響前面的標準流
CSS浮動 常用的頁面布局和浮動布局注意點
lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle top banner box li.box li box last footer style head cla...
div css布局注意點
一 div居中 container margin 1px 2px 3px 4px 其中四個值分別代表上右下左 順時針 margin 1px 2px 其中1px代表分別距瀏覽器上邊和下邊的距離，2px代表分別距左右的距離。margin 0 auto 0 代表距上下的距離，auto代表距左右的距離。當左...
div css布局注意點
一 div居中 container margin 1px 2px 3px 4px 其中四個值分別代表上右下左 順時針 margin 1px 2px 其中1px代表分別距瀏覽器上邊和下邊的距離，2px代表分別距左右的距離。margin 0 auto 0 代表距上下的距離，auto代表距左右的距離。當左...