"position:relative;"表示相對定位。對乙個元素進行相對定位，即指通過設定垂直或水平位置，讓這個元素「相對於」它的原點起點進行移動。
如果將top設定20px，那麼框將在原位置頂部下面20畫素的地方；如果將left設定為30畫素，那麼會在元素左邊建立30畫素的空間，也就是將元素向右移動，**如下：
#box_relative注意：在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其他框。
「position:absolute;」表示絕對定位，位置將依據瀏覽器左上角計算。絕對定位使元素脫離文件流，因此不佔據空間。
普通流中其他元素的布局就像絕對定位的元素不存在一樣，**如下：
#box_absolute絕對定位的元素的位置是相對於最近的已定位祖先元素而定的，如果元素沒有已定位的祖先元素，那麼它的位置是相對於最初的包含塊而定的。
對於定位的主要問題是要記住每種定位的意義。相對定位是」相對於「元素在文件中的初始位置進行定位，而絕對定位是」相對於「最近的已定位祖先元素進行定位，如果不存在已定位的祖先元素，那麼」相對於「最初的包含塊進行定位。
注意：因為絕對定位的框與文件流無關，所以它們可以覆蓋頁面上的其他元素。可以通過設定z-index屬性來控制這些框的堆放次序。z-index的值越高，越會顯示在上層。
定位 絕對定位 相對定位
定位是一種高階的布局手段 通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位當元素開啟了定位以後，可以通過偏移量來設定元素的位置 例如 top 100px bottom xxpx left right 注意 relative相對定位的參照元素是其本身在文件流中的位置進行定位 ...
CSS之定位，相對定位，絕對定位，固定定位
1 position 屬性可以控制web瀏覽器如何以及在何處顯示特定的元素。2 可以使用position屬性把乙個元素放置到網頁中的任何位置。可選值 static 預設值，元素沒有開啟定位 relative 開啟相對定位 absolute 開啟絕對定位 fixed 開啟固定定位 3 相對定位 每個元...
絕對定位，相對定位，固定定位
通過position屬性來設定元素的定位 static 預設值，元素沒有開啟定位 relative 開啟元素的相對定位 absolute 開啟元素的絕對定位 fixed 開啟元素的固定定位 也是絕對定位的一種 說明 當開啟了元素的相對定位以後，而不設定偏移量時，元素不會發生任何變化 相對定位是相對於...