我改了下代码，给div2单独设置float:left这一句，主要起到的作用不是很理解。
木子秦荆
2014-08-27
1 回答
<!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;
}
#div2{
width:200px;
height:200px;
border:2px red dotted;
float:left;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>我觉得你把下面div1跟div2的位置还换回来可能更好理解（当然我自己是这么理解的，对不对还得请教大牛们）你div2加的这个float根本就没有作用，div1相对移动原始位置还保留在那边，换句话说就像一个空的占位符，div2无论你放在上面还是下面都是出现在它本来该出现的地方，与float无关
举报
0/150
提交
取消
