標準文檔流

標準流指的是在不使用其餘的與排列和定位相關的特殊CSS規則時，各類元素的排列規則。HTML文檔中的元素能夠分爲兩大類：行內元素和塊級元素。
       1.行內元素不佔據單獨的空間，依附於塊級元素，行內元素沒有本身的區域。它一樣是DOM樹中的一個節點，在這一點上行內元素和塊級元素是沒有區別的。
       2.塊級元素老是以塊的形式表現出來，而且跟同級的兄弟塊依次豎直排列，左右自動伸展，直到包含它的元素的邊界，在水平方向不能並排。
盒子在標準流中的定位原則
margin控制的是盒子與盒子之間的距離，padding存在於盒子的內部它不涉及與其餘盒子之間的關係和相互影響問題，所以要精確控制盒子的位置，就必須對margin有更深刻的瞭解。下面分四種狀況對margin調整盒子的位置進行解說。
1.行內元素之間的水平margin
當兩個行內元素緊鄰時，它們之間的距離爲第一個元素的右margin加上第二元素的左margin。
2.塊級元素之間的豎直margin
兩個豎直排列的塊級元素，它們之間的垂直距離不是上邊的第一個元素的下margin和第二個元素的上margin的總和，而是二者中的較大者。這在實際製做網頁的時候要特別注意。
3.嵌套盒子之間的margin
這時子塊的margin以父塊的content爲參考進行排列
4.margin設爲負值
會使設爲負數的塊向相反的方向移動，甚至會覆蓋在另外的塊上。