2.2. Выпадение вертикальных отступовХотя тогда бы подсвечиваемая область (margin-top) была бы сверху. Но там указан margin-bottom, что делает абсолютно непонятным смещение вниз.
Если внутри одного блока расположить другой блок и задать ему margin-top, то внутренний блок прижмется к верхнему краю родительского, а у родительского элемента появится отступ сверху, т.е. внутренний блок «выпадет» из родительского блока.
Empty blocks
If there is no border, padding, inline content, height, or min-height to separate a block's margin-top from its margin-bottom, then its top and bottom margins collapse.