css屬性相對定位,絕對定位,固定定位

2021-08-19 15:26:24 字數 344 閱讀 6966

1. 相對定位(position:relative)

即相對於自己原先的位置定位,當盒子移動之後,原先的位置依然在存在

2. 絕對定位(position:absolute)

預設是以body為基準定位,如果父級設定為相對定位之後,子元素的絕對定位就會以父級為起點.

定位之後能夠設定框高

3. 固定定位(position:fixed)

即相對於遊覽器定位,永遠固定在使用者的可視範圍內

4. 定位方向衝突

水平衝突(即left和right都設定),先執行left的設定

垂直衝突,值執行top的設定.

css 相對定位,絕對定位,固定定位

定位有三種,分別是相對定位 絕對定位 固定定位。相對定位 position relative 絕對定位 position absolute 固定定位 position fixed 相對定位 相對定位,就是微調元素位置的。讓元素相對自己原來的位置,進行位置調整。head meta charset ut...

前端CSS 相對定位,絕對定位,固定定位

position relative 必須先宣告,自己要相對定位了,left 100px 然後進行調整。top 150px 然後進行調整。相對定位不脫標,真實位置是在老家,只不過影子出去了,可以到處飄.position relative right 100px 往左邊移動 top 100px posi...

相對定位 絕對定位 固定定位 粘滯定位(css)

定位 position position 可選值static 預設值 元素是靜止的沒有開啟定位 relative開啟元素的相對定位 absolute開啟元素的絕對定位 fixed開啟元素的固定定位 sticky開啟元素的粘滯定位 相對定位position relative 元素開啟相對定位後,如果不...