課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
這一節(jié)沒(méi)看懂，怎么組合使用？
2016-06-03
源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-9
正在回答
組合使用的意思就是：用兩個(gè)組合，可以實(shí)現(xiàn)div相對(duì)父元素進(jìn)行偏移。（因?yàn)槿绻挥胊bsolute只能相對(duì)于瀏覽器偏移，如果只用relative只能相對(duì)于本身偏移，如果只用fixed只能相對(duì)于視圖偏移）
擴(kuò)展一下：
因?yàn)閍bsolute這個(gè)屬性值是受父元素是否有position值影響的。如果父元素沒(méi)有position值，則以瀏覽器為基準(zhǔn)偏移，如果父元素有position值（無(wú)論是relative/absolute/fixed哪一個(gè)），則以父元素為基準(zhǔn)偏移。
qq_一坨爛泥_03421512 提問(wèn)者
因?yàn)橛?-*-coding:utf-8-*-nbsp;這個(gè)語(yǔ)句,可以在本地測(cè)試一下吆。你完全可以將這兩個(gè)放在一個(gè)類選擇器中寫，一個(gè)類選擇器中可以寫多個(gè)屬性的
還是我來(lái)說(shuō)吧，你們說(shuō)的都對(duì)，但對(duì)于小白來(lái)說(shuō)很難理解，要舉例子，假設(shè)我現(xiàn)在創(chuàng)建了兩個(gè)box，box1和box2，box2是子級(jí)，如果我想讓box2根據(jù)box1的位置進(jìn)行位移和定位，那我得在box1和box2上分別加上relative和absolute，這樣才能形成子級(jí)根據(jù)父級(jí)定位，如果box1沒(méi)加上relative，那么會(huì)導(dǎo)致我box2根據(jù)瀏覽器進(jìn)行絕對(duì)定位，會(huì)定位到別的位置（body），那如果只給box1加上，但沒(méi)給box2，那只能形成box1呈現(xiàn)相對(duì)定位的單獨(dú)效果，所以你想讓box2跟著box1進(jìn)行定位，這兩者都少不了
通俗的說(shuō)就是先用position：relative設(shè)置參照元素1
再在你想定位的元素2中加入position:absolute來(lái)設(shè)置你想定位的元素2相對(duì)于參照元素1的位子 ? 不知道我這樣說(shuō)你懂了么？
哇哈哈lk
簡(jiǎn)單的說(shuō)瀏覽器是一個(gè)畫的框架，相對(duì)框架就是在畫的框架里面畫一個(gè)小框框，然后子元素的絕對(duì)定位是相對(duì)于小框框
組合使用的意思是，本來(lái)絕對(duì)定位是針對(duì)瀏覽器的，就像前幾節(jié)課講的一樣，絕對(duì)定位不會(huì)因?yàn)樗母篙呍氐奈恢枚?，但是?dāng)父輩元素加入相對(duì)定位
relative 是相對(duì)的 ， 是參照定位的元素 ， 作為父元素， ?給其子元素提供相對(duì)的位置。 ? 子元素用absolute 設(shè)置 ?可以根據(jù)top bottom left right 設(shè)定相對(duì)于其父元素的絕對(duì)位置，
Sunly3212
通俗說(shuō)就是被加入的圖片中用relative ,再在加入的圖片哪里用absolute
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答Relative與Absolute組合使用
2 回答Relative與Absolute組合使用
1 回答Relative與Absolute組合使用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-06-13
組合使用的意思就是：用兩個(gè)組合，可以實(shí)現(xiàn)div相對(duì)父元素進(jìn)行偏移。（因?yàn)槿绻挥胊bsolute只能相對(duì)于瀏覽器偏移，如果只用relative只能相對(duì)于本身偏移，如果只用fixed只能相對(duì)于視圖偏移）
擴(kuò)展一下：
因?yàn)閍bsolute這個(gè)屬性值是受父元素是否有position值影響的。如果父元素沒(méi)有position值，則以瀏覽器為基準(zhǔn)偏移，如果父元素有position值（無(wú)論是relative/absolute/fixed哪一個(gè)），則以父元素為基準(zhǔn)偏移。
2022-03-24
因?yàn)橛?-*-coding:utf-8-*-nbsp;這個(gè)語(yǔ)句,可以在本地測(cè)試一下吆。你完全可以將這兩個(gè)放在一個(gè)類選擇器中寫，一個(gè)類選擇器中可以寫多個(gè)屬性的
2020-02-08
還是我來(lái)說(shuō)吧，你們說(shuō)的都對(duì)，但對(duì)于小白來(lái)說(shuō)很難理解，要舉例子，假設(shè)我現(xiàn)在創(chuàng)建了兩個(gè)box，box1和box2，box2是子級(jí)，如果我想讓box2根據(jù)box1的位置進(jìn)行位移和定位，那我得在box1和box2上分別加上relative和absolute，這樣才能形成子級(jí)根據(jù)父級(jí)定位，如果box1沒(méi)加上relative，那么會(huì)導(dǎo)致我box2根據(jù)瀏覽器進(jìn)行絕對(duì)定位，會(huì)定位到別的位置（body），那如果只給box1加上，但沒(méi)給box2，那只能形成box1呈現(xiàn)相對(duì)定位的單獨(dú)效果，所以你想讓box2跟著box1進(jìn)行定位，這兩者都少不了
2016-06-12
通俗的說(shuō)就是先用position：relative設(shè)置參照元素1
再在你想定位的元素2中加入position:absolute來(lái)設(shè)置你想定位的元素2相對(duì)于參照元素1的位子 ? 不知道我這樣說(shuō)你懂了么？
2016-06-10
簡(jiǎn)單的說(shuō)瀏覽器是一個(gè)畫的框架，相對(duì)框架就是在畫的框架里面畫一個(gè)小框框，然后子元素的絕對(duì)定位是相對(duì)于小框框
組合使用的意思是，本來(lái)絕對(duì)定位是針對(duì)瀏覽器的，就像前幾節(jié)課講的一樣，絕對(duì)定位不會(huì)因?yàn)樗母篙呍氐奈恢枚?，但是?dāng)父輩元素加入相對(duì)定位
2016-06-03
relative 是相對(duì)的 ， 是參照定位的元素 ， 作為父元素， ?給其子元素提供相對(duì)的位置。 ? 子元素用absolute 設(shè)置 ?可以根據(jù)top bottom left right 設(shè)定相對(duì)于其父元素的絕對(duì)位置，
2016-06-03
通俗說(shuō)就是被加入的圖片中用relative ,再在加入的圖片哪里用absolute