<!DOCTYPE HTML>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=utf-8">
<title>title</title>
<styletype="text/css">
div{border:1px red solid;}
#box1{
width:400px;
height:400px;
}
#box2{
float:right;
}
#box3{
position:absolute;
}
</style>
</head>
<body>
<divid="box1">
<divid="box2">
<divid="box3">
相对参照元素进行定位
</div>
</div>
</div>
</body>
</html>
代码如上显示，运行后子元素会跑到包含块儿外面(如图所示)，这不符合我对float的理解，
不过我发现如果对box2的div设置width值，子元素就不会跑出去了，
我不知道应该如何解释这个现象，有没有大神可以解答，谢谢。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1870/viewspace-3150904/ ，如需转载，请注明出处，否则将追究法律责任。
请登录后发表评论
登录
全部评论
