Как установить ширину фиксированного элемента в соответствии со всей страницей?

Question

Это HTML-файл:

и это файл CSS:

Это приводит к следующему результату:

Как настроить класс заголовка таким образом, чтобы ширина была бы, что нижнего колонтитула? Возможно, если позиция заголовка не фиксирована, но как только положение установлено на фиксированное, ширина не установлена? Как я могу это решить? Мне нужно, чтобы заголовок был исправлен, чтобы он не двигался при прокрутке вниз.

[Редактировать] Я изменил ширину на 100%, и это результат: Это только мой браузер, который показывает заголовок с небольшим количеством края слева, но ни на правом, когда это установлен на 100%?

Answer 1

Добавление следующей строки в классе заголовок должен работать ...

width: 100%; 

Устанавливая заголовок быть фиксированным расположением вы принимаете его из естественного потока страницы. Таким образом, вместо того, чтобы автоматически заполнять ширину своего родителя(), он по умолчанию равен ширине его содержимого.

Answer 2

Вобще:

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