有position: absolute，效果很好，底部边界从左到右视口边缘。当我变为粘性时，即使width: 100%，两侧也有一些小间隙。它的顶部也有一个缺口。这种情况也发生在页脚上，该页脚除了边框顶部外具有相同的样式。我如何使它变得粘稠而没有缝隙？感谢
header{
height: 50px;
width: 100%;
position: sticky;
border-bottom: 3px solid red;
}
<header></header>
这将起作用。
body {
margin:0;
}
用户代理样式表是每个HTML页面附带的默认CSS。样式表使文本默认为衬线，使按钮的背景为灰色。许多开发人员发现，在尝试为HTML文档设置样式时，UAS会妨碍他们，因此他们应用了CSS重置。
CSS重置设置了一个更好的默认起点，这样UAS就不会妨碍你，类似于你面临的问题。23个最常见的重置用于边距、填充和框大小调整。
/* CSS Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Your Header Styles*/
header {
height: 50px;
width: 100%;
position: sticky;
border-bottom: 3px solid red;
top: 0; /* I've added this line to make your header stick to the top */
}<body style="height: 1000px;">
<header>Here is a sticky header</header>
</body>* {}选择器确保所有元素的填充和边距以及框大小都已重置。