css底部边距不起作用？

Question

我有以下问题。不知何故，.item（应该是15px）的余量底部不适用于.box中的最后一项。看到j​​sfiddle：http://jsfiddle.net/WVP3D/

这可能是一个基本问题，但我一直在寻找解决方案，找不到它。如果有人有时间帮助我，你的帮助真的很感激。

Answer 1

这是工作。灰色项目div之间有空格，即底部边距。

如果您想要项目下方的浅灰色，您可以将底部填充添加到box div。即使只有1px的填充工作（FIDDLE HERE）因为然后，当填充被添加到必须出现在清除div后的box div时，它会强制父项（box）看到item div上的边距。

Answer 2

尝试增加padding-bottom:15px;到.item

Answer 3

添加display: table;您.box类

.box { 
    ... 
    display: table; 
    ... 
} 

检查此琴：http://jsfiddle.net/GnHuJ/1/

Answer 4

浮动的容器元素（■）应该给你想要的东西，这些可以在this jsfiddle