<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>title</title> <style type="text/css"> div{border:1px red solid;} #box1{ width:400px; height:400px; } #box2{ float:right; } #box3{ position:absolute; } </style> </head> <body> <div id="box1"> <div id="box2"> <div id="box3"> 相对参照元素进行定位 </div> </div> </div> </body> </html>
代码如上显示,运行后子元素会跑到包含块儿外面(如图所示),这不符合我对float的理解,
不过我发现如果对box2的div设置width值,子元素就不会跑出去了,
我不知道应该如何解释这个现象,有没有大神可以解答,谢谢。
为伊落得心憔悴
echo_kinchao
慕的地6079101