В чём отличае между margin и padding(css)?

Question

[Opiatov_krug]

В чем отличие между margin и padding? Css html
Заранее спасибо!

Answer 1

[McBernar]

Margin - отступ элемента от соседних элементов.
Padding - внутренний отступ элементов от края родительского элемента. Если диву задать паддинг, то все элементы внутри будут отступать от границ дива на значение этого паддинга.

И там и там есть нюансы, но в целом оно так работает.

Answer 2

[Павел Ловцевич]

Margin - это внешний отступ, padding - внутреннее поле.

Answer 3

[When you dont want to litter on stackoverflow]

Посмотри на эту картинку, она очень информативная:

Answer 4

[Типа Программист]

Если нет box-sizing border-box, то padding например делает div больше, а margin делает отступ с наружи. Это как я понимаю)