CSS+DIV佈局三種定位方式

一、普通流
　　普通流中元素框的位置由元素在HTML中的位置決定。塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平佈置。

二、定位
　　１、相對定位
　　被看作普通流定位模型的一部分，定位元素的位置相對於它在普通流中的位置進行移動。使用相對定位的元素不管它是否進行移動，元素仍要佔據它原來的位置。移動元素會導致它覆蓋其他的框。相對定位不影響其父類元素和兄弟元素。
　　２、絕對定位
　　相對於已定位的最近的祖先元素（position 不為static的元素），如果沒有已定位的最近的祖先元素，那麼它的位置就相對於最初的包含塊。絕對定位的框可以從它的包含塊向上、下、左、右移動。
　　絕對定位的框脫離普通流，所以它可以覆蓋頁面上的其他元素，可以通過設定Ｚ-Iindex屬性來控制這些框的堆放次序。
　　３、固定定位
　　相對於瀏覽器視窗，其餘的特點類似於絕對定位，也就是在移動視窗的時候，元素位置不變。

三、浮動
　　浮動的框可以在左右移動，直到它的外邊框邊緣碰到包含框或另一個浮動框的邊緣。浮動的框脫離普通流。
　　如果包含塊太窄，無法容納水平排列的浮動元素，那麼其他浮動塊向下移動，直到有足夠多的空間。如果浮動元素的高度不同，那麼當它們向下移動時可能會被其他浮動元素卡住。
　　行內元素會圍繞著浮動框排列。