@MrRadar
Изучаю Front-end :)

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

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

Песочница

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

https://webref.ru/css/margin

В этом случае помогает добавить родительскому блоку overflow: auto; или заменить margin-bottom у потомка на padding-bottom у родителя.
Ответ написан
Комментировать
Добавьте в свой css файл стиля к .resume_button
background-color: transparent;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект
22 нояб. 2024, в 21:44
50000 руб./за проект