CSS保证金问题

我的css有一个问题，如果我使用

margin:0

而不是

margin-top:0

，对于

header p

，

头{margin:0 0 20px；}

将与没有一样好。应该是这样的吗？如果我看到firebug中发生了什么，那是因为

标题的
页边距底部
折叠到下一个同级，即
部分


html

默认情况下，Firebug只显示故事的一部分

查看更改
页边距顶部时实际发生的情况：0对于
页边距：0
，请单击样式选项卡右侧的箭头（在快照上“
标题p
”上方），然后选择“显示默认CSS属性”或类似的内容，您将向下看到html.CSS已将样式p设置为：

p {
    display: block;
    margin: 1em 0;
}

注意，不要修改系统样式，否则您必须重新启动Firefox，重新打开选项卡是不够的

顺便说一句，这个
1em
margin是您在HTML中看到的没有任何样式的内容（Firefox或Web Developer工具栏的CSS菜单中的菜单显示/页面样式/没有样式）：您的段落有一些垂直边距

因此，基本上您删除了
1em
底部边距。
我认为这里的问题是
标题
元素实际上根本没有对其应用任何
边距。您看到的空格实际上是应用于
标题p
的默认
边距的结果

我之所以这样说，是因为许多浏览器不会自动将
标题
标记视为块级元素，除非明确定义为：

header { display: block; }

将此语句应用于CSS中的
标题
后，我可以成功地应用
标题p{margin:0}
，并保留
标题
本身中指定的边距。删除此语句将恢复到您看到的行为。
问得很好。好极了。出于好奇，这个问题怎么会“离题”？（我这样问是因为我想知道投票结果接近的原因）。诚然，这是css而不是编程，但这并不是唯一的，从css问题的数量来看，社区似乎普遍同意这一点。哦，谢谢！但是qn将是为什么
头{margin:020px；}
没有做任何事情？哦，马特回答了这个问题。。。“许多浏览器不会自动将
标题
标记视为块级元素，除非明确定义”
p {
    display: block;
    margin: 1em 0;
}

header { display: block; }