css中position的引數和作用

2021-09-17 23:28:22 字數 497 閱讀 2782

position是用來對頁面的元素進行定位的,共有四個屬性值,分別是static,absolute,fix,relative,static,時靜態的預設位置,static的left和top不起效。relative是相對於自身的預設位置定位的,但是left和top可以起效。

absolute是絕對定位,絕對定位有兩種狀態,預設情況下是相對於body定位的,但是當父元素有了relative以後,absolute相對于父元素定位此時left和top起效,fix是相對於瀏覽器視窗的左上角定位的,不隨著滑鼠的移動而上下移動,position最常見的用法是:

第一,做頁面布局的時候來布那些跨行(不是正規行或者是跨了幾個div這樣的元素使用)

第二,position最常見的用法是加上display,加上其他的一些屬性與js共同實現某種特效,但是position的缺點也比較明顯,position最大的問題是相容性比較差,也要找準相對定位的結點,是父元素,視窗還是自身,否則position不出來的頁面是亂的,這是那我對position的理解。

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