<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>relative樣式</title><style type="text/css">#div1{? ? width:200px;? ? height:200px; border:2px red solid;? ? position:relative;? ? left:100px;? ? top:50px;? ? background-color:yellow;}#div2{? ? width:200px;? ? height:200px;? ? border:2px green solid;? ? background-color:#666;? ? float:left;}</style></head><body> <div id="div1"></div> <div id="div2"> ? ? </div> <span>我的位置應(yīng)該排到哪里了</span></body></html>如上代碼，是不是說明了用相對(duì)定位后，之前的位置是保留的。而且移動(dòng)是不是提升了層級(jí)？甚至高過了我的浮動(dòng)的層級(jí)？如果不是那相對(duì)定位后的位置到底是什么情況呢？ 代碼中的文字也看出移動(dòng)后似乎沒有占用文檔流的位置？
1 回答
黃小凡
TA貢獻(xiàn)69條經(jīng)驗(yàn) 獲得超36個(gè)贊
我覺得也是你這樣想的，用相對(duì)定位后，之前的位置是保留的。
可以看出div2的距離上方剛好200px，而且span元素不是出現(xiàn)在div1的右方，而是有一部分被遮住，實(shí)際上span元素是從div1原來的位置開始出發(fā)的，所以才被div遮住，可見用相對(duì)定位后，之前的位置是保留的！
一點(diǎn)鄙見，不知道對(duì)不對(duì)
添加回答
舉報(bào)
0/150
提交
取消