如何用CSS移除粘性页眉（sticky header）上方的空白间隙？

你遇到的顶部10px间隙是浏览器默认给<html>标签加的外边距导致的——虽然你重置了body的内外边距，但没处理<html>的默认样式。

直接在现有html的CSS规则里加一行margin: 0就能解决：

html {
    box-sizing: border-box;
    margin: 0; /* 新增这行消除默认外边距 */
}

要是想一劳永逸避免这类默认样式问题，也可以用通配符一次性重置所有元素的内外边距：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

另外可以排查下其他潜在原因：比如页眉的父元素有没有设置padding，或者页眉上方有没有兄弟元素触发了外边距折叠，但从你贴的代码来看，<html>的默认外边距是最直接的问题根源。

内容的提问来源于stack exchange，提问作者Jack76