定位元素都完全脫離文件流
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...