對相對定位,絕對定位一直以來有點小小的偏差,總結一下
相對定位:
相對於元素原來位置進行定位,使用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等父...