Почему margin выходит за границы родительского блока и сдвигает его?

Question

[Tenebrius]

Есть div...

... с заданным "margin-top: 54px;".

Его родительский блок "body" смещается вниз на высоту этого отступа.


Почему это может происходить?
Как сделать, чтобы "body" оставался на месте?

Comments

[Алексей Струков]

напишите все стили какие стоят у дива и боди в css

Answer 1

[timfcsm]

потому что так написано в стандарте... вот, изучите Схлопывающиеся отступы

Answer 2

[Martyer]

Попробуйте задать border для див'а.

Comments

[Tenebrius]

border есть в стилях, прописал в теге, никак не влияет.

[Tenebrius]

А вот если border задать для body, то срабатывает. Но не хотелось бы задавать это свойство...

Answer 3

[Григорий Дикий]

а у вас подключен reset.css или что-то подобное, так как у разных браузеров есть дефолные настройки для body, они возможно и причина такого поведения.

Comments

[Tenebrius]

Сторонних css не подключено, только мои стили.

[Григорий Дикий]

Tenebrius: Попробуйте добавить минимальный набор для сброски стилей meyerweb.com/eric/tools/css/reset

[Павел Радьков]

вместо reset.css лучше использовать normalize.css (necolas.github.io/normalize.css/) — он убирает все различия в браузерных стилях и не мешает в отличие от reset.css