Html 页边距顶部不'；我不能如愿工作

请看以下示例：

页边距顶部：50px

在body和

.outter

之间造成了这个丑陋的差距。只需再次阅读代码和此消息：在body和

.outter

之间。。。它不应该在.inner和

.outter

之间制造差距吗

html，
身体{
填充：0；
保证金：0；
}
身体{
背景：#777；
}
奥特先生{
背景:#099；
文本对齐：居中；
}
.内部{
背景：#ff0；
宽度：400px；
高度：150像素；
保证金：0自动；
边缘顶部：50px；
}

---

您看到的是所谓的“利润崩溃”

父级和第一个/最后一个子级-如果没有创建边框、填充、内联内容、块\u格式\u上下文或清除以将块的页边距顶部与其第一个子块的页边距顶部分开，或者没有边框、填充、内联内容、高度、最小高度，或“最大高度”将块的边距底部与其最后一个子块的边距底部分开，然后这些边距将塌陷。折叠的页边距最终位于父页边距之外

你可以通过多种方式来解决这个问题。一种方法是使用

溢出：隐藏.outter

上的code>。您也可以在

上使用
填充顶部：50px
而不是
上的
边距顶部
。内部


html，正文{
填充：0；
保证金：0；
}
身体{
背景：#777；
}
奥特先生{
背景:#099；
文本对齐：居中；
溢出：隐藏；
}
.内部{
背景：#ff0；
宽度：400px；
高度：150像素；
保证金：0自动；
边缘顶部：50px；
}

可能重复的问题，请详细说明您的问题？我能看到的是外部和内部之间的区别是因为内部有边距：0自动；请澄清您的问题。谢谢各位！我真是疯了，伙计！