• Margin-bottom Не охватывает background, как исправить?

    sagrana
    @sagrana
    Вёрстка и немного кодинга)
    У блочных элементов расположенных рядом друг с другом по вертикали наблюдается эффект схлопывания, когда отступы не суммируются, а объединяются между собой. Само схлопывание действует на два и более блока (один может быть вложен внутрь другого) с отступами сверху или снизу, при этом примыкающие отступы комбинируются в один.

    https://webref.ru/css/margin

    В этом случае помогает добавить родительскому блоку overflow: auto; или заменить margin-bottom у потомка на padding-bottom у родителя.
    Ответ написан
    Комментировать