我改了下代码,给div2单独设置float:left这一句,主要起到的作用不是很理解。
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
提交
取消