CSS深刻理解學習筆記之relative

本文轉載於:猿2048網站➬CSS深刻理解學習筆記之relative

一、relative和absolute的相煎關係

　　限制做用：①限制left/top/right/bottom定位；②限制z-index層級；③限制在overflow下的囂張氣焰。

　　relative和fixed限制做用：限制z-index層級。

二、relative和定位

　　特性：①相對自行進行定位；②無侵入，不影響其餘元素佈局。

　　top/bottom和left/right對立屬性同時存在時的表現：top＞bottom left＞right

三、relative和層級

　　提升元素的層疊上下文。

　　新建層疊上下文與層級控制：relative元素的z-index是auto的時候，不會限制子元素的層疊。（IE8+）

四、relative的最小化影響原則

　　定義：儘可能下降relative屬性對其餘元素或者佈局的潛在影響。

　　原則：①儘可能避免使用relative；②relative最小化，將須要absolute定位的元素放到一個空的relative元素中。