关于css:为什么包含div不能识别其中项目的高度?

why does the containing div not recognize the height of the items within?

本问题已经有最佳答案,请猛点这里访问。

我的containing div(box_blue)如何识别其中项目的高度?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#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;
}

onetwo twothree three threefour four four four


发生这种情况的原因是,所包含的潜水器都是漂浮的。

我不知道为什么会这样,但我知道一些解决办法。或者将包含的DIV设置为"overflow:hidden",或者在浮动的DIV下面添加另一个DIV,并使用"clear:both"。当然,您也可以设置包含DIV的高度和宽度。