继承的页边距在Firefox中显示不正确

Question

很简单的问题，但是我找不到答案。

不知道发生了什么，但是当我应用规则#content {margin: 10px 0 10px 0}时，我的header/nav上方有一些间距

我今天是不是很傻?请帮助。

"链接删除"

编辑我今天的第二幕无聊

Answer 1

我看不到你的页面，所以这有点像在黑暗中拍摄，但是我认为你有一个典型的"折叠页边距"的例子。

你应该给#container一个padding(内边距)来防止边框塌陷。

#container {
 padding: 1px; /* padding prevents collapsing margins of #content */
}