1. 程式人生 > >css之relative和absolute

css之relative和absolute

left 設置 如果 tro span font 相對 pan 定位

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