<!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 关注
- 886 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消