亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

relative與absolute

http://img1.sycdn.imooc.com//5de27eb300017aea08460507.jpg還是不明白為什么父元素加relative,子元素加absolute會變成圖一;而父元素加absolute,子元素加relative會變成圖二?

正在回答

2 回答


1.默認情況由于div元素是塊級元素,另起一行,因此div子元素出現在圖片下方,如第二幅圖所示;

2.第一種情況是給子元素設置absolute,改變了默認的流模型,更改了子元素相對于父元素的位置,使子元素底部相距父元素為0,表現為第一幅圖情況;

3.給子元素設置relative,那么子元素只是相對于自己原來的位置移動,然后設置距離自己原來的位置底部為0,相當于沒有改變位置,所以和第一種默認情況沒什么兩樣。

1 回復 有任何疑惑可以回復我~
#1

weixin_慕虎8024491 提問者

非常感謝!
2019-12-01 回復 有任何疑惑可以回復我~

求問那為什么要涉及父元素,relative與absolute組合使用,直接子元素absolute不可以嗎

0 回復 有任何疑惑可以回復我~
#1

xinghuo72

同樣初學,我說下我的想法,當默認flow流模型時,父元素與子元素無法重疊,只有父元素與子元素同時設置為layer層模型時才能實現嵌套,absolute是本元素相對父元素的設置,對子元素使用,relative是本元素相對本元素在flow流模型下位置的設定,對父元素使用后只改變模型類別,不設置參數不影響父元素位置。 不知道對不對,希望能幫助到你。
2020-02-16 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228743    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

relative與absolute

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號