Это зависит от того, используете ли вы свойство CSS box-sizing.
При установке размера блока в качестве поля содержимого, это дает вам поведение по умолчанию для размера блока CSS.Если ширина элемента равна 400px, то ширина содержимого будет равна 400px, а ширина отступа и границы будут добавлены к окончательной отображаемой ширине - https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
body{
box-sizing: content-box;
width: 100%;
border: solid #5B6DCD 10px;
padding: 5px;
}
Граница - сообщает браузеруучитывайте любые границы и отступы в значениях, которые вы указываете для ширины и высоты элемента.Если вы установите ширину элемента равной 100 пикселям, эти 100 пикселов будут включать в себя любую добавленную вами границу или отступ, а поле содержимого будет уменьшаться, чтобы поглотить эту дополнительную ширину.Как правило, это значительно облегчает размер элементов.- https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
body{
box-sizing: border-box;
width: 100%;
border: solid #5B6DCD 10px;
padding: 5px;
}