Почему верхний и нижний внешние отступы пустого блока не исчезают?

Почему в случае, когда у пустого блока div установлены верхнее и нижнее отступы margin-top: 300px и margin-bottom: 300px, не происходит схлопывание внешних отступов, как описано в статье "Схлопывание внешних отступов"?
  • 22 апреля 2024 г. 15:20
Ответы на вопрос 2
Верхний и нижний внешние отступы пустого блока не исчезают, потому что они все равно остаются визуально незаметными, но они все равно существуют как часть блока. Даже если блок пустой, его внешние отступы все равно задают пространство вокруг него.

Что касается схлопывания внешних отступов при установке одинаковых верхнего и нижнего отступов, это происходит только в том случае, когда внешние отступы двух соседних блоков соприкасаются друг с другом. В вашем случае, если у блока div установлены верхний и нижний отступы по 300px, схлопывания не произойдет, потому что эти отступы не соприкасаются с другими элементами на странице.
Привет) Твой див схлопнут, margin это внешний отступ, а не внутренний (и даже не высота блока), то есть у тебя идет див посередине, а 300 вверх и 300 вниз это уже не див
Похожие вопросы