<!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">
??????????????相對(duì)參照元素進(jìn)行定位
?????????</div>
????</div>
</div>
</body>
</html>代碼如上顯示，運(yùn)行后子元素會(huì)跑到包含塊兒外面(如圖所示)，這不符合我對(duì)float的理解，不過(guò)我發(fā)現(xiàn)如果對(duì)box2的div設(shè)置width值，子元素就不會(huì)跑出去了，我不知道應(yīng)該如何解釋這個(gè)現(xiàn)象，有沒(méi)有大神可以解答，謝謝。
最近使用float發(fā)現(xiàn)一個(gè)子元素超出包含塊的情況，不知道如何解釋
Robert_Langdon
2017-01-02 23:01:18
