限制left/top/right/bottom定位：
父元素使用了relative定位後，使用了absolute的子元素無法越過父元素進行定位；
限制z-index層級：
使用了relative定位的同級元素，其本身的z-index值將決定其子元素的z-index層級；
限制在overflow下的囂張氣焰：
子元素設定了absolute定位時，其父級元素的 overflow 屬性無法對該子元素進行有效約束。但父級元素再設定relative定位時，會把該子元素的超出部分砍掉。
限制z-index層級： 與對absolute限制z-index的作用一樣。
相對自身：即相對於原來自身的位置進行偏移；
無入侵：即不影響原來的文件流。（應用：實現自定義拖拽）
結論：
1. 絕對定位是拉伸；
2. 相對定位是鬥爭。
top會使bottom無效，宣告left後則會導致right無效。
提高元素的層疊上下文：鬼畜級別，即相當有效。
新建層疊上下文與層級控制：
當元素的z-index為乙個具體的數值（包括0）時，設定了relative後會使元素新建層疊上下文，即元素的子元素層級會被該元素所約束。
在ie6/7以外的瀏覽器中，當元素的z-index為auto時，即使設定了relative，元素也無法約束其子元素的層級（即子元素會參考更上級元素的層疊上下文進行層疊排序）。
盡量避免使用relative，子元素直接使用absolute，而父級元素不必要使用relative就可使子元素相對於父級元素進行定位（只要子元素不使用left、top等屬性即可，可使用margin-left、margin-top代替）
若子元素有很多同級的元素，應當將子元素拿出來與父級元素同級後，再為其套一父元素，對該新父元素使用relative來實現子元素如右對齊的定位。可避免其原來的同級元素的層級關係被破壞
CSS深入理解學習筆記之relative
1 relative和absolute的相煎關係 限制作用 限制left top right bottom定位 限制z index層級 限制在overflow下的囂張氣焰。relative和fixed限制作用 限制z index層級。2 relative和定位 特性 相對自行進行定位 無侵入，不影響...
CSS深入理解學習筆記之relative
1 relative和absolute的相煎關係 限制作用 限制left top right bottom定位 限制z index層級 限制在overflow下的囂張氣焰。relative和fixed限制作用 限制z index層級。2 relative和定位 特性 相對自行進行定位 無侵入，不影響...
相對定位relative
今天看了慕課網課程css深入理解之relative，進行總結 使用relative定位的元素使其absolute子元素，相對於此relative元素定位 使用relative定位的元素的z index層級越高，則其absolute子元素層級越高 z3的層級要比z1小，因為z1的父元素層級大 over...