static：無特殊定位，物件遵循正常文件流。top，right，bottom，left等屬性不會被應用.
relative :元素遵循正常的文件流，所以周圍元素不會忽略它的存在，relative 元素同樣支援 top,bottom,left,right 等屬性。
當我們使用 top,bottom,left,right等屬性對 relative 元素進行相對定位時的效果有點類似於 margin 屬性達到的效果.
當然兩者還是有區別的：
元素使用relative屬性，周圍的元素將會忽略元素的移動,看著就是飄起來了。
元素使用margin屬性,周圍元素不會忽略元素的移動,周圍元素會給它讓道。
例子1：
box
box1
例子2:(使用margin)
box
box1
absolute:元素將會脫離正常的文件流，所以 其周圍的元素將會忽略它的存在。
我們可以使用 top,bottom,left,right 等屬性對 absolute 元素進行絕對定位。
絕對定位根據什麼定位？
兩種情況:
如果其父元素沒有position屬性,或者屬性值為static,那麼會向上繼續查詢父元素的父元素,直到最外層,如果沒有就根據window進行定位。
如果其父元素有position屬性,則其屬性值不為static時,就根據其父元素進行定位。
例子1：
例子2：
CSS position屬性用法
絕對定位 position absolute 有如下兩種情況 1，沒有設定 top right bottom left 的情況，預設依據父級的 內容區域原始點 為原始點 2，有設定 top right bottom left 的情況，這裡又分了兩種情況如下 1 父級沒 position 屬性，瀏覽器...
css position 屬性詳解
相信很多同學在編寫 設計 的時候多多少少用過css裡的position這個屬性，但是很多時候網頁顯示出來的和自己想象的不太一樣，這篇部落格來教你怎麼使用position。position屬性共有5個不同的值，下面是w3school給出的 解釋 其中，如果不對dom中的元素設定position屬性，那...
CSS position 屬性分析
position是css重要的屬性，通過設定position，可以把元素放置到乙個靜態的 相對的 絕對的或者是固定的位置中。position有以下五個屬性 在某些資料 中，可能只會介紹前四個屬性 值描述 static 預設值，設定了static的屬性，沒有定位，它會出現在正常的流中。relative...