課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
還是不明白為什么父元素加relative,子元素加absolute會變成圖一;而父元素加absolute,子元素加relative會變成圖二?
2019-11-30
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
1.默認(rèn)情況由于div元素是塊級元素,另起一行,因此div子元素出現(xiàn)在圖片下方,如第二幅圖所示;
2.第一種情況是給子元素設(shè)置absolute,改變了默認(rèn)的流模型,更改了子元素相對于父元素的位置,使子元素底部相距父元素為0,表現(xiàn)為第一幅圖情況;
3.給子元素設(shè)置relative,那么子元素只是相對于自己原來的位置移動,然后設(shè)置距離自己原來的位置底部為0,相當(dāng)于沒有改變位置,所以和第一種默認(rèn)情況沒什么兩樣。
weixin_慕虎8024491 提問者
求問那為什么要涉及父元素,relative與absolute組合使用,直接子元素absolute不可以嗎
xinghuo72
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答absolute與relative的使用
2 回答relative與absolute的運(yùn)用
7 回答relative與absolute組合使用
4 回答Relative與Absolute組合使用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2019-12-01
1.默認(rèn)情況由于div元素是塊級元素,另起一行,因此div子元素出現(xiàn)在圖片下方,如第二幅圖所示;
2.第一種情況是給子元素設(shè)置absolute,改變了默認(rèn)的流模型,更改了子元素相對于父元素的位置,使子元素底部相距父元素為0,表現(xiàn)為第一幅圖情況;
3.給子元素設(shè)置relative,那么子元素只是相對于自己原來的位置移動,然后設(shè)置距離自己原來的位置底部為0,相當(dāng)于沒有改變位置,所以和第一種默認(rèn)情況沒什么兩樣。
2020-02-11
求問那為什么要涉及父元素,relative與absolute組合使用,直接子元素absolute不可以嗎