課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
不是特別懂絕對定位和相對定位,都可以有l(wèi)eft,right,top,bottom屬性啊。
2015-02-10
源自:初識HTML(5)+CSS(3)-升級版 13-7
正在回答
我也帶著這樣的疑問?我在我的谷歌瀏覽器中,會選中下面的p標(biāo)簽,div標(biāo)簽不會選中
剛在納悶這個問題,這里說一下自己的理解,不對希望指正:絕對定位的屬性值是相對于被設(shè)置元素的父包含塊元素的;而相對定位的屬性值是相對于被設(shè)置元素原本位置的。簡單說它們的參照物不同,希望可以幫到大家,謝謝!
相對定位和絕對定位之后,塊狀元素占據(jù)的位置不同,相對定位仍然占據(jù)以前的位置,絕對定位占據(jù)的是新的位置
相對定位只對自身和絕對定位有限定作用,絕對定位只對自身有限定作用,但是絕對定位受到父級相對定位的限定
絕對定位是針對瀏覽器固定在某個位置;相對定位是針對視圖里某個元素固定在某個位置;固定定位是針對整個視圖固定在某個位置。
比如:你在本頁面右上角看到的“發(fā)布問題”按鈕就是絕對定位,它只就固定在這個位置;“發(fā)布問題”按鈕下面的標(biāo)簽中相互之間就存在相對定位,比如“java”所在的標(biāo)簽相對“PHP”標(biāo)簽就是相對定位,若php所在標(biāo)簽字符數(shù)增加,java所在標(biāo)簽也會自動向右邊移動。位置是相對固定的。而固定定位來說可以參見“課程”頁面下左邊的分類模塊,當(dāng)你向下滾動時,它是固定在整個視圖的頂端的,不會因為滾動條的變化而變化。
不浪漫
http://1.mushroom12301.sinaapp.com/?p=19
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答相對定位 right和bottom 與 相對定位 left和top 的區(qū)別
4 回答然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。
7 回答絕對定位和相對定位的區(qū)別
2 回答絕對定位?和相對定位
6 回答絕對定位和相對定位
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2022-07-19
我也帶著這樣的疑問?我在我的谷歌瀏覽器中,會選中下面的p標(biāo)簽,div標(biāo)簽不會選中
2017-02-12
剛在納悶這個問題,這里說一下自己的理解,不對希望指正:絕對定位的屬性值是相對于被設(shè)置元素的父包含塊元素的;而相對定位的屬性值是相對于被設(shè)置元素原本位置的。簡單說它們的參照物不同,希望可以幫到大家,謝謝!
2015-03-22
相對定位和絕對定位之后,塊狀元素占據(jù)的位置不同,相對定位仍然占據(jù)以前的位置,絕對定位占據(jù)的是新的位置
2015-02-10
相對定位只對自身和絕對定位有限定作用,絕對定位只對自身有限定作用,但是絕對定位受到父級相對定位的限定
2015-02-10
絕對定位是針對瀏覽器固定在某個位置;相對定位是針對視圖里某個元素固定在某個位置;固定定位是針對整個視圖固定在某個位置。
比如:你在本頁面右上角看到的“發(fā)布問題”按鈕就是絕對定位,它只就固定在這個位置;“發(fā)布問題”按鈕下面的標(biāo)簽中相互之間就存在相對定位,比如“java”所在的標(biāo)簽相對“PHP”標(biāo)簽就是相對定位,若php所在標(biāo)簽字符數(shù)增加,java所在標(biāo)簽也會自動向右邊移動。位置是相對固定的。而固定定位來說可以參見“課程”頁面下左邊的分類模塊,當(dāng)你向下滾動時,它是固定在整個視圖的頂端的,不會因為滾動條的變化而變化。
2015-02-10
http://1.mushroom12301.sinaapp.com/?p=19