css - 如何设置固定元素的宽度以适合整个页面？

Question

这是 html 文件:

这是 css 文件:

这会产生以下结果:

如何设置页眉类，使宽度与页脚相同？如果header的位置不固定，但是一旦位置设置为固定，宽度就没有设置，这是可能的吗？我该如何解决这个问题？我需要固定标题，以便向下滚动时它不会移动。

[编辑]我已将宽度更改为 100%，结果如下: 当设置为 100% 时，是否只有我的浏览器显示标题左侧有一点边距但右侧没有？

Answer 1

将以下内容添加到您的 header 类中应该可以...

width: 100%;

通过将页眉设置为固定位置，您可以将其从页面的自然流中移除。因此，它不会自动填充其父级 () 的宽度，而是默认为其内容的宽度。