css之relative和absolute

標籤：absolute   屬性   位置   css   情況   size   ie7   ie6   上下   

relative限制定位

　　相對定位限制絕對位置left等屬性。

relative限制z-index層級

　　設定兩個用絕對位置的div，分別為z-index：1的div1和z-index：2的div2，那麼層級div2大於div1。如果用相對定位的div分別為z-index：4的div4和z-index：3的div3，div4為div1的父類，div3為div2的父類，則div1的層級大於div2，可以得出，此時的絕對位置不起作用，相對定位限制了絕對位置。但如果div3的z-index ：auto;div2層級大於div1,因為z-index：auto：不限制absolute元素層疊的問題，但這個問題不包括ie6和ie7,ie6和ie7會出現層疊上下文問題。

overflow與relative、absolute

　　絕對位置下，overflow不起作用；相對定位下，overflow起作用。

relative和absolute與left，top關係

　　left：0；top：0；在relative情況下，表示在原來的位置位移,所以是沒有位移；在absolute情況下，定位是限制自身的邊界定位。

css之relative和absolute