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

Question

这是html文件：

这是css文件：

这会产生以下结果：

如何设置标题类，使宽度为页脚的宽度？ 如果标题的位置不固定，但是一旦将位置设置为固定，则可以设置宽度？我该如何解决这个问题？我需要修复标题，以便在向下滚动时不会移动。

[编辑] 我已将宽度更改为100％，结果如下： 仅仅是我的浏览器在左边显示标题边缘，但在设置为100％时右边没有边距？

Answer 1

将以下内容添加到标题类应该有效...

width: 100%;

通过将标题设置为固定位置，您可以将其从页面的自然流中取出。因此，它不会自动填充其parent（）的宽度，而是默认为其内容的宽度。

Answer 2

只是做：

.header{
width: 100%;
z-index: 1;
border: none;
etc...
}