爲什麼包含div不能識別物品的高度？

Question

我的包含div（boxes_blue）如何識別物品的高度？

#boxes_blue { 
display: block; 
margin: 0 0 0 175px; 
border: 1px solid brown; 
clear: both; 
} 

#boxes_blue_each { 
float: right; 
height: 100px; 
width: 100px; 
padding: 10px; 
border-left: 3px solid #fff; 
background-color: #004964; 
color: #fffacf; 
text-transform: uppercase; 
text-align: left; 
} 

<div id="boxes_blue"> <div id="boxes_blue_each">one</div> <div id="boxes_blue_each">two two</div> <div id="boxes_blue_each">three three three</div> <div id="boxes_blue_each">four four four four</div> </div>

Answer 1

這是發生，因爲所包含的div所有浮動。

我不知道這是爲什麼，但我知道一些解決方案。要麼將包含的div設置爲「overflow：hidden」，要麼將「clear：both」添加到浮動div下面的另一個div。當然，你也可以設置包含div的高度和寬度。