CSS中position為relative時的特性

2021-09-25 05:47:23 字數 353 閱讀 1412

之前一直以為只有positon為absolute時,才可以設定z-index層級。今天發現錯了,原來position為relative時也可以設定層級。

w3c 對 z-index 屬性的描述中提到 在 z-index 屬性僅在節點的 position 屬性為 relative, absolute 或者 fixed 時生效.

relative特性[2]:

1、可以通過top和left來設定偏移量,相對它原來的位置,而不會對別的元素造成任何影響,無論顯示在哪,它的根依然在原地;

2、可以設定z-index屬性,控制與其他的relative層亦或是遊蕩的absolute的層疊關係;

3、可以收留absolute孩子了。

關於css中的position

對於position的幾個屬性 static 無特殊定位,物件遵循html定位規則 absolute 將物件從文件流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距,但仍有補白和邊框 relative 物件不可層疊,但將...

css中的定位(position)

w3c中對position各個 屬性值定義 static 元素框正常生成。塊級元素生成乙個矩形框,作為文件流的一部分,行內元素則會建立乙個或多個行框,置於其父元素中。relative 元素框偏移某個距離。元素仍保持其未定位前的形狀,它原本所佔的空間仍保留。absolute 元素框從文件流完全刪除,並...

CSS中position的使用

position 屬性值 值 描述absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 left top right 以及 bottom 屬性進行規定。fixed 生成絕對定位的元素,相對於瀏覽器視窗進行定位。元素的位置通過 left top r...