第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在相對(duì)定位中使用top等屬性,為什么會(huì)出現(xiàn)div重疊的情況?

在相對(duì)定位中使用top等屬性,為什么會(huì)出現(xiàn)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>上述代碼的結(jié)果如下圖所示,我在相對(duì)定位中使用top,當(dāng)top=0px時(shí),為什么.y2完全蓋住了.y1,我用的可是相對(duì)定位???謝謝
查看完整描述

1 回答

?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

因?yàn)閞elative相對(duì)于本身原位置定位,在這里兩個(gè)的位置相同,所以后面一個(gè)會(huì)堆在前面一個(gè)的上面,形成覆蓋:

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

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


查看完整回答
反對(duì) 回復(fù) 2018-09-30
  • 1 回答
  • 0 關(guān)注
  • 1140 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)