Почему при указание body 100% (высоту) и у div высоту тоже 100% див выходит за края страницы и увеличивает страницу?

Question

[daminik00]

например как здесь на телефоне если нажать на красный квадрат то будет видно skurl,ru

Answer 1

[Сергей Мурзин]

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

*{
margin: 0;
padding: 0;
border: 0;
}

Это позволяет во всех элементов зафиксировать конкретные значения отступов и границ, а не отдавать это на откуп браузеру.

Answer 2

[Егор Рублёв]

По идеи не должно быть прокрутки и увеличивать страницу, попробуйте уберите padding: 0; и margin: 0; у body (браузеры автоматически ставят разные значения).

p.s высота 100%, это относительно высоте родительского контейнера, если такого нету, будет 0, или по размерам содержимого.

Comments

[Егор Рублёв]

конкретно в вашем случае это right: -100%; поставьте right: 0;

[daminik00]

Егор Рублёв: какой именно right надо ведь смотреть media only screen and (max-device-width: 900px)

[Егор Рублёв]

daminik00: вот у этого элемента #nav

[daminik00]

ну все равно прокрутка есть

[Егор Рублёв]

daminik00: это нужно видеть, нажать просмотреть код, если в гугле работайте и посмотреть, что именно происходит на странице.

[daminik00]

Егор Рублёв: Все, понял, глупая ошибка