Я пытаюсь сделать довольно простой веб-сайт, и пока все, что у меня есть, это верхняя строка заголовка. Почему-то с левой стороны есть небольшой запас. Любая идея, почему и как это исправить?
.headbar {
background-color: #117FF2;
position: fixed;
top: 0;
width: 100%;
margin: 0 auto;
padding: 0;
}<div class='headbar'>
<h1> Title </h1>
</div>или body{margin:0;}
этот зазор является полем тела по умолчанию. Любой метод работает, я бы рекомендовал использовать сброс полей тела.
Также установите * {box-sizing: border-box;} , это поможет вам свести к минимуму проблемы, связанные с блочной моделью.






Я думаю, что это, вероятно, вызвано полем по умолчанию элемента body.
Попробуй это:
body {
margin: 0;
}
попробуйте использовать left: 0; в свойствах класса .header.