一、相對定位
1.相對於自身原有位置進行偏移。
2.仍處於標準文件流中（佔據文件中的位置）。
3.隨即擁有了偏移屬性和z-index屬性。
二、絕對定位
1.建立了以包含塊為基準的定位。
2.完全脫離了標準文件流。
3.隨即擁有了偏移屬性和z-index屬性。
4.div寬度會隨著內容的改變而改變，類似於浮動。
絕對定位分為未設定偏移量和設定了偏移量的兩種型別。一般設定絕對定位會把其祖先元素設定為相對定位，這樣可以讓其穩定一些，因為相對定位是沒有脫離文件流的。
未設定偏移量特點：
1.無論是否存在已定位的祖先元素，都保持在元素的初始位置。
2.脫離了標準文件流。
設定了偏移特點：
1.無已定位的祖先元素，會以html（根節點）為參照基準。
2.有已定位的祖先元素，以距其最近的已定位的祖先元素為偏移參照基準。
絕對定位和相對定位
換了乙個新工作，一上來就是改前台web頁面之類的東西，工作這麼久以來web css之類的只是皮毛級應用，知之勝少，搞乙個css定位之類的東西還讓我費了好大一番勁，丟人啊。研究了以下，稍微總結一下吧。絕對定位和相對定位 這裡以div容器為例 1 相對定位 元素框偏移某個距離。元素仍保持其未定位前的形狀...
相對定位和絕對定位
相對定位和絕對定位 定位標籤 position 包含屬性 relative 相對 absolute 絕對 1.position relative 如果對乙個元素進行相對定位，首先它將出現在它所在的位置上。然後通過設定垂直或水平位置，讓這個元素 相對於 它的原始起點進行移動。再一點，相對定位時，無論是...
絕對定位和相對定位
css的相對定位和絕對定位 通常情況下，我們元素的position屬性的值預設為static 就是沒有定位，元素出現在正常的文件流中，這個時候你給這個元素設定的left,right,bottom,top這些偏移屬性都是沒有效果的，不會生效，比如你設定乙個距離左邊距偏移100px的宣告 left 10...