CSS ширина 100% обрезается в свернутом окне

Хотя, трудно представить свою проблему, но вы можете попробовать этот код -

CSS:

Header{background-color: #58dede; /*width: 100%;*/ float:none !important; }
.clear {clear:both;}

HTML:

<header>
your content
<div class="clear"></div>
</header>

Вы задали ширину вашего заголовка до 100%, а после уменьшения ширины вашего браузера ширина вашего заголовка сократилась до 100% от ширины вашего видового экрана вместо того, чтобы оставаться той же ширины, что и содержимое html и/или заголовка. Поэтому, когда вам предоставляется горизонтальная полоса прокрутки, а затем прокручивается вправо, цвет фона больше не применяется ко всей требуемой ширине вашего заголовка, потому что ваш заголовок больше не является той шириной.

Это можно легко устранить, отрегулировав

min-width: property 

до ширины всех ваших комбинированных полей + ширина элементов (при условии, что размер коробки: пограничный блок был установлен, таким образом, включая отступы и маржу в вашу ширину). Если вы использовали проценты в своих полях или для дочерних div вашего заголовка, просто включите их в функцию calc() для значения свойства min-width.

min-width: calc(2% + 200px + ...); etc

В теге вашего тела укажите минимальную ширину документа для своей страницы. Например:

body{min-width:1000px;}