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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在相對定位中使用top等屬性,為什么會出現div重疊的情況?

在相對定位中使用top等屬性,為什么會出現div重疊的情況?

慕桂英3389331 2018-09-08 09:09:29
<style>.x{width: 500px;height:1000px;background: yellow;position: relative;}.y1{width: 100px;height: 100px;top:100px;position: relative;background: red;}.y2{width: 100px;height: 100px;top:0px;position: relative;background: green;}</style><div class="x">    <div class="y1">    </div>    <div class="y2">    </div></div>上述代碼的結果如下圖所示,我在相對定位中使用top,當top=0px時,為什么.y2完全蓋住了.y1,我用的可是相對定位啊?謝謝
查看完整描述

1 回答

?
慕斯王

TA貢獻1864條經驗 獲得超2個贊

因為relative相對于本身原位置定位,在這里兩個的位置相同,所以后面一個會堆在前面一個的上面,形成覆蓋:

y1左上角(0,0)-> top:100px -->最終(100,0)
y2左上角(100,0)->top:0 -->最終(100,0)

注:其中y2的左上角位置是由于div的塊級元素要換行的原因。


查看完整回答
反對 回復 2018-09-30
  • 1 回答
  • 0 關注
  • 1142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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