Почему у меня разъезжаются блоки при margin top/bottom?

Question

[Дима]

Неделю пытаюсь самостоятельно учиться, но гугел не спасает:(

Помогайте, пожалуйста. Объясните что со мной не так.

Есть headder
Есть section 2Ю будут и три и дальше.

https://jsfiddle.net/qb7rhx5n/1/

Между ними, после использования margin top/bottom появляется отступы.

Картиночки

Comments

[Kovalsky]

Лучше код покажи, и лучше всего в какой нибудь песочнице сделай пример

[Дима]

Kovalsky,

https://jsfiddle.net/qb7rhx5n/1/

Я знаю, что там бекграунд не на полную ширину, проблема в отступе между ними.

Answer 1

[secretsergey]

1) Что это такое?

Скриншот

2) Вместо margin используйте padding.

Comments

[Дима]

Тильда или равно, хз откуда)
Но откуда она там, я не знаю.
Padding помогает, я знаю, но в чем беда с magin'om, мне очень это интересно.

[secretsergey]

Дима,
Я знаю что тильда, но непонятно откуда она там :)
Padding - внутренний отступ, margin - внешний.

Пример

Если представить, что рядом лежат 2 кубика. То padding увеличит один и них, а margin отодвинет друг от друга, что в Вашем случае и происходит.

[Дима]

secretsergey, Спасибо:)