为什么在一个div上设置保证金会移动其容器？

Question

我有一个容器div，里面有另一个div。当我向内部div应用保证金时，它显示为容器div的上边缘（尽管它没有给出左边距）

http://belfastswimmingteacher.com/mockup.html

什么是疯狂的？

Answer 1

您可以浮动halfLeft div，也可以将padding-top添加到#content。

这被称为margin collapsing，虽然可能产生这种不受欢迎的行为，但实际上是有意和正确的。