Почему ширина body в исходном коде браузера больше чем заявлено в css stylesheet?

Question

[Yurii90]

Добрый день! заранее прошу прощения за возможно глупый вопрос (только учусь). Проблема следующая:

При верстке страницы в css задаю:

body{
	min-width:1020px;
	width:100%;
}

В исходном коде в браузере Google chrome отражается width: 1349px;


Почему так? Какая фактическая ширина блока? Затронет ли это дальнейшее позиционирование блоков относительно body ?

Answer 1

[Serj-One]

Ты задаёшь body 100%, он занимает всю допустимую ширину. Всё логично.
Вообще, ширину для body задавать не принято. Для ограничения области контента используется отдельный контейнер.

Answer 2

[Yurii90]

Забыл упомянуть, - в верстке используется grid "reset.css"

Answer 3

[Павел]

У вас же min-width - минимальная ширина. А ширина задана в 100%. Т.е. 100% окна, но не меньше 1020px. А вот больше - пожалуйста.

Answer 4

[bro-dev]

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

Comments

[Serj-One]

Как это противоречит написанному выше?