筆記 css中的position定位

2022-08-14 18:57:17 字數 305 閱讀 4574

position的值可以是:static,relative,absolute,fixed。

預設值是 static。設定 left、top值無效。

relative是相對定位,可以設定left、top、bottom、right值,它設相對本來的位置偏移。

absolute是絕對定位,可以設定left、top、bottom、right值,預設是相對整個網頁,如果它的父元素是relative定位,則會相對父元素定位。

fixed設定left、top、bottom、right值,會將元素固定在螢幕上的某個位置,無論螢幕怎麼滾動,它都在那裡。

關於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...