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; } |
发生这种情况的原因是,所包含的潜水器都是漂浮的。
我不知道为什么会这样,但我知道一些解决办法。或者将包含的DIV设置为"overflow:hidden",或者在浮动的DIV下面添加另一个DIV,并使用"clear:both"。当然,您也可以设置包含DIV的高度和宽度。