課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
為什么父元素box3用的是相對(duì)定位,子元素box4用絕對(duì)定位才可以達(dá)到效果?
2017-03-07
源自:初識(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值影響的。如果父元素沒有position值,則以瀏覽器為基準(zhǔn)偏移,如果父元素有position值(無(wú)論是relative/absolute/fixed哪一個(gè)),則以父元素為基準(zhǔn)偏移。
子元素的絕對(duì)定位是相對(duì)父元素的!
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答相對(duì)定位和絕對(duì)定位
6 回答絕對(duì)定位和相對(duì)定位
2 回答絕對(duì)定位?和相對(duì)定位
2 回答絕對(duì)定位,相對(duì)定位
7 回答絕對(duì)定位和相對(duì)定位的區(qū)別
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)
2017-03-24
組合使用的意思就是:用兩個(gè)組合,可以實(shí)現(xiàn)div相對(duì)父元素進(jìn)行偏移。(因?yàn)槿绻挥胊bsolute只能相對(duì)于瀏覽器偏移,如果只用relative只能相對(duì)于本身偏移,如果只用fixed只能相對(duì)于視圖偏移)
擴(kuò)展一下:
因?yàn)閍bsolute這個(gè)屬性值是受父元素是否有position值影響的。如果父元素沒有position值,則以瀏覽器為基準(zhǔn)偏移,如果父元素有position值(無(wú)論是relative/absolute/fixed哪一個(gè)),則以父元素為基準(zhǔn)偏移。
2017-03-07
子元素的絕對(duì)定位是相對(duì)父元素的!