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

Question

[Владислав]

Что-то .resume__button не охватывается background'ом заданым ним цветом, вместо него ставится по стандарту #FFF. Как можна исправить?

Песочница

Заранее спасибо :)

Answer 1

[Sagrana]

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

https://webref.ru/css/margin

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

Answer 2

[Дмитрий Гамзин]

Добавьте в свой css файл стиля к .resume_button
background-color: transparent;

Comments

[Владислав]

Не помогло..

[Дмитрий Гамзин]

Владислав, приведите ваш код html+css, не понятно, что не охватывается и причем тут margin-bottom

[Дмитрий Гамзин]

Владислав, возможно, надо заменить margin на padding?