前端html 固定位置 相對定位 絕對定位

2021-09-11 06:49:35 字數 662 閱讀 6691

定位元素都完全脫離文件流

1.不加定位狀態

2.相對定位

position: relative;

top: 50px;

left: 50px;

1.完全脫離文件流

2.它在文件流中的位置還會被保留(下面的內容不會上竄)

3.相對於它原來的位置進行位置變化(變化距離相對於原位置)

2.絕對定位

position: absolute;

top: 50px;

left: 50px;

1.完全脫離文件流

2.元素在文件流中的位置不會被保留(下面的內容會上竄,元素浮在其他元素上)

3.元素參照於離他最近的有定位的父級元素(一級一級往外找,如果都沒有定位則參照body進行定位)

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

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

相對定位 絕對定位 固定定位

設定position屬性值為static的元素是乙個靜態定位元素,此值為預設值,即此元素在正常文件流中。設定position屬性為relative的元素是乙個相對定位元素,其定位的參照物為元素本身 即元素原本的位置進行定位 例項 parent child style class parent cla...

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

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