Html 为什么我的页眉元素没有覆盖页面的整个宽度，并且在顶部留下一个间隙？_Html_Css_Header

Html 为什么我的页眉元素没有覆盖页面的整个宽度，并且在顶部留下一个间隙？

html css

Html 为什么我的页眉元素没有覆盖页面的整个宽度，并且在顶部留下一个间隙？,html,css,header,Html,Css,Header,我想制作一个固定位置的头部，覆盖整个宽度，从顶部开始。但是当我输入下面的代码时，我得到了这样一个结果：。有什么方法可以解决这个问题吗 #header { width: 100%; height: 100px; background-color: black; } <body> <header id="header"></header> </body> #标题{ 宽度：100%；高度：1

我想制作一个固定位置的头部，覆盖整个宽度，从顶部开始。但是当我输入下面的代码时，我得到了这样一个结果：。有什么方法可以解决这个问题吗

#header {
    width: 100%;
    height: 100px;
    background-color: black;
}


<body>
    <header id="header"></header>  
</body>

#标题{
宽度：100%；
高度：100px；
背景色：黑色；
}

本文将帮助您：

默认情况下，页面加载时带有一些填充和边距。这就是为什么，除非删除此默认填充，否则所有元素都会与页面边缘有一点偏离

通用选择器*允许您重置边框，如下所示：

    * {
    padding: 0;
    margin: 0;
}