關於相對定位,絕對定位小記

2021-08-31 17:37:13 字數 458 閱讀 3385

對相對定位,絕對定位一直以來有點小小的偏差,總結一下

相對定位:

相對於元素原來位置進行定位,使用top,left屬性之後他在原來位置上進行移動,原來元素的位置還是保留著,其他元素也只能看到他原來的位置。

sssss

[img]

絕對定位:

如果只設定了元素的position為absolute則元素還是在原來位置上,但寬度和高度變為適應元素內容的寬度高度(元素預設沒有設定高度寬度的情況下),一旦設定left或top,絕對定位才會相對於已定位的父級或以上元素的原點進行定位。

ssyellow

ssssssssssssssssssss

[img]

設定了left和top之後

[img]

關於相對定位與絕對定位

1.相對定位 相對自身正常位置的偏移 position relative 1 top 10px left 10px 2 bottom 10px right 10px 兩種情況如下所示 綠色塊狀為初始正常位置,橙色指的是給它相對定義後的位置 2.絕對定位 指相對于父元素的四個方向 top,left,r...

關於絕對定位和相對定位

relative相對定位 相對於本身的位置進行偏移。absolute絕對定位 相對於非static的祖先元素進行位置偏移,當這樣的元素不存在,則相對於根級容器定位。經驗告訴我們 當乙個元素使用relative定位而使位置發生改變時,其他的定位依賴於它的元素的位置不會改變,就好像這個元素沒有改變位置一...

相對定位,絕對定位

絕對定位是相對于父標籤決定位置,一般用於相對定位標籤裡面,js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面,一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...