css定位屬性position的值的含義

來源:魅力女性吧 7.07K
css定位屬性position的值的含義

1、position:relative相對定位

1> 不影響元素本身特性(無論區塊元素還是內聯元素會保留其原本特性)

2> 不會使元素脱離文檔流(元素原本位置會被保留,即改變位置也不會佔用新位置)3> 沒有定位偏移量時對元素無影響(相對於自身原本位置進行偏移)

2、position: absolute絕對定位

1> 使元素完全脱離文檔流(在文檔流中不再佔位)

2> 使內聯元素在設置寬高的時候支持寬高(改變內聯元素的特性)

3> 使區塊元素在未設置寬度時由內容撐開寬度(改變區塊元素的特性)

4> 相對於最近一個有定位的父元素偏移(若其父元素沒有定位則逐層上找,直到document——頁面文檔對象)

5> 相對定位一般配合絕對定位使用(將父元素設置相對定位,使其相對於父元素偏移)6> 提升層級(同相對定位)

3、position: fixed固定定位fixed生成固定定位的元素,相對於瀏覽器窗口進行定位。

4、position:static:默認值默認佈局。元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。5、position: sticky 粘性定位粘性定位,該定位基於用户滾動的位置。它的行為就像 position:relative 而當頁面滾動超出目標區域時,它的表現就像 position:fixed

熱門標籤