[ Ссылка ]
В видеоуроке показаны две возможные проблемы при задании вертикальных внешних отступов (margin) у блочных элементов: «схлопывание» и «выпадение». И если о первой проблеме (нюансе) нужно просто помнить, то вторую проблему можно решить несколькими путями. Естественно, каждый из них показан и разложен «по полочкам».
Содержание видеоурока:
00:24 – проблема «схлопывания» вертикальных внешних отступов (margin) блочных элементов (тегов).
04:40 – проблема «выпадания» вертикальных внешних отступов (margin) блочных элементов (тегов).
08:52 – решение проблемы «выпадания» вертикальных внешних отступов (margin) блочных элементов заданием у родительского элемента свойства «border» (границы).
09:45 – решение проблемы «выпадания» вертикальных внешних отступов (margin) блочных элементов заданием у родительского элемента свойства «padding» (внутреннего отступа).
11:10 – решение проблемы «выпадания» вертикальных внешних отступов (margin) блочных элементов заданием свойства «display» со значением «inline-block» внутреннему элементу.
![](https://i.ytimg.com/vi/UuIuAa0Z9D0/maxresdefault.jpg)