初学小白遇到小困扰求大神指点。Orz。。
<!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>
如上代码，是不是说明了用相对定位后，之前的位置是保留的。而且移动是不是提升了层级？甚至高过了我的浮动的层级？如果不是那相对定位后的位置到底是什么情况呢？ 代码中的文字也看出移动后似乎没有占用文档流的位置？
304346845浏览 887回答 1
1回答
-
黄小凡
我觉得也是你这样想的，用相对定位后，之前的位置是保留的。可以看出div2的距离上方刚好200px，而且span元素不是出现在div1的右方，而是有一部分被遮住，实际上span元素是从div1原来的位置开始出发的，所以才被div遮住，可见用相对定位后，之前的位置是保留的！一点鄙见，不知道对不对
随时随地看视频慕课网APP
Html/CSS