Html 修复了Firefox中标题栏的空白

出于某种原因，我在Firefox中的标题栏上方获得了大约10px的上边距，但在Chrome中没有。这不影响主体，只影响固定的标题栏。如果我移除位置：固定；然后没有差距，但它不再是固定的

红色标记的间隙：

正文{
边际：0px；
}
#顶栏{
宽度：100%；
高度：50px；
背景色：#f0；
边际：0px；
填充：0px；
位置：固定；
z指数：10000；
}
#顶栏。标题{
显示：内联块；
字号:35 ;；
颜色：暗灰色；
边缘顶部：5px；
}

标题

添加以下css：

#topbar {
    top: 0;
}

添加以下css：

#topbar {
    top: 0;
}

---

这确实有效！这和边距有什么不同吗？@Nick是的，当你使用

位置：fixed

或

absolute

时，最好根据我们的需要使用

top'、

left'、right'或'bottom'，以避免跨浏览器问题…@Nick请从我的答案中删除downvote，如果有用的话我已经尝试过了，但我不能，说我还没有15个名声。不是我否决了你。@15声誉，是的，你现在有：）这确实有效！这和边距有什么不同吗？@Nick是的，当你使用

位置：fixed

或

absolute

时，最好根据我们的需要使用

top'、

left'、right'或'bottom'，以避免跨浏览器问题…@Nick请从我的答案中删除downvote，如果有用的话我已经尝试过了，但我不能，说我还没有15个名声。不是我否决了你。@15声誉，是的，你现在有：）