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