css - 将边距底部添加到 div

Question

我正在尝试将 margin-bottom 添加到 div (div.bar) 但破坏了父 div

在这个 fiddle 中你可以检查我在说什么。

http://jsfiddle.net/dmsf/2JggY/

但是如果你给 foo div 添加一个 1px 的边框

.foo {
    background-color:#FFF;
    border: 1px solid;
    margin: 10px;
}

它将按预期工作。

有没有可能让它在没有 1px 边框的情况下工作？

Answer 1

在父级上设置{overflow: hidden} 或{overflow: auto}。

http://jsfiddle.net/2JggY/1/

.foo {
    overflow: auto
}