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