<!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>我的位置應該排到哪里了</span></body></html>如上代碼，是不是說明了用相對定位后，之前的位置是保留的。而且移動是不是提升了層級？甚至高過了我的浮動的層級？如果不是那相對定位后的位置到底是什么情況呢？ 代碼中的文字也看出移動后似乎沒有占用文檔流的位置？
1 回答
黃小凡
TA貢獻69條經驗 獲得超36個贊
我覺得也是你這樣想的，用相對定位后，之前的位置是保留的。
可以看出div2的距離上方剛好200px，而且span元素不是出現在div1的右方，而是有一部分被遮住，實際上span元素是從div1原來的位置開始出發的，所以才被div遮住，可見用相對定位后，之前的位置是保留的！
一點鄙見，不知道對不對
- 1 回答
- 0 關注
- 917 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消