Страница занимает ширину экрана, но не ширину контента, почему?
Почему body и вложенный в него родительский блок занимают ширину экрана, но не ширину контента? Контент по ширине намного больше, чем ширина экрана, поэтому у родительского блока пропадает фон, а контент продолжает отображаться без фона (на белом не видно просто, но контент там есть).
Как исправить это? Такая проблема только когда появляется горизонтальный скролл и когда я делаю его.
У фона ширина 100% или 100vw. Но что-то превышает эту ширину экрана и даёт отступ. Фон не может растянуться сверх этого
В общем , исправить так : не давать контенту вылезать за ширину экрана, установив элементу, содержащему контент, ширину в 100%, или max-width : 100%. Но надо смотреть на ваш код. В любом случае горизонтальная полоса прокрутки не должна быть, кроме редких и особых дизайнов
вы указываете конкретную ширину для .header, она превышает ширину области просмотра, либо указывайте максимально доступную ширину свойством max-width: 1130px, до которой будет растягиваться блок, либо срезайте все к фигам overflow: hidden для body =)
Простой
