當乙個元素具有position:absolute屬性時，它的位置由下列規則確定
1、如果該元素沒有trbl,以父元素（直接父元素）中在其之前的元素逐一定位後，緊跟最後乙個元素定位，若之前沒有其他元素，則以父元素的左上角定位。沒有直接父元素時，以其之前的元素逐一定位後，緊跟最後乙個元素定位。
2、如果設定trbl,並且父級（祖先）沒有設定position屬性（指定為absolute或relative),則當前元素以瀏覽器左上角為原點進行定位，位置由trbl決定。
3、如果設定trbl,並且父級（祖先，按照層次關係逐級向上找）設定position,則以父級的左上角為原點進行定位，位置由trbl決定。父級的padding對其無影響。
總結：如果想把乙個定位屬性為absolute的元素定位於其父級元素內，必須滿足a)設定trbl。b)父級設定position屬性。如果乙個元素只設定absolute，沒有設定trbl,其定位類似relative,只是不在文件流中佔位置。
當乙個元素具有position:relative屬性時，它的位置由下列規則確定
1、如果該元素沒有trbl，以父級元素的內邊據padding左上角進行定位,如果在同乙個父元素中，該元素之前文件流中還有其他元素，則該元素的頂部，其margin與其之前的元素margin合併後定位，該元素左部以父級元素的內邊據padding左部定位。
2、如果該元素設定trbl,以該元素沒有trbl定位後，再根據trbl偏移。（該元素與之前元素參照時也以之前元素沒有trbl時的位置為準）
總結：乙個元素定位屬性為position:relative，以父級元素的內邊據padding左上角進行定位.
css定位是基於元素的父子關係，先定位父元素，再用父元素作參照定位子元素。子元素的定位只受父元素（祖先）及兄弟元素的影響，不在乙個繼承鏈上的元素不會彼此影響之間的定位。
除非專門指定，否則所有框都在普通流中定位。也就是說，普通流中的元素的位置由元素在 x(html) 中的位置決定。
塊級框從上到下乙個接乙個地排列，框之間的垂直距離是由框的垂直外邊距計算出來。行內框在一行中水平布置。可以使用水平內邊距、邊框和外邊距調整它們的間距。但是，垂直內邊距、邊框和外邊距不影響行內框的高度。由一行形成的水平框稱為行框（line box），行框的高度總是足以容納它包含的所有行內框。不過，設定行高可以增加這個框的高度。
css相對定位（position:relative）
對乙個元素進行相對定位，它將出現在文件流中它所在的位置上。然後，可以通過設定垂直或水平位置（trlb)，讓這個元素「相對於」它的起點進行移動。其原來的位置，它還佔據著。（在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。）
css絕對定位（position:absolute）
絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。
position 布局總結
如果用position來布局頁面，父級元素的position屬性必須為relative，而定位於父級內部某個位置的元素，最好用absolute，因為它不受父級元素的padding的屬性影響，當然你也可以用position，不過到時候計算的時候不要忘記padding的值。定位(position)有乙個缺點，不會自適應內部元素的高度，所以平時我們在布局頁面的時候，如果某個或者某些模組高度永遠不變，就可以用定位，建議大家布局頁面的時候，還是要以float為主，position為輔！
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
css實踐 position定位
position 用於設定目標物件的定位方式，一般有absolute relative static三個選項，設定後均可設定top bottom right left距離 absolute 允許物件漂浮於頁面之上，無須考慮周圍布局，如果父元素設定為static或者沒有設定，將以父元素的父元素為參考係...
CSS定位機制 position
css的定位機制分為三種，分別是文件流，浮動和定位。其中文件流的意義就 是按照html裡面的寫法從上到下從左到右的布局。浮動包括兩種，左浮動和右浮動，直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。任意的浮動使元素脫離了文件的普通流，就像在文件中不佔據空間。但如果包含塊太窄，無法容納水平排列的浮動...