Как решить проблему с margin внутри дива?

Question

[notveganmustdie]

Когда задаю маргин блоку, который находится в другом блоке, то вместо отступа внутри начинает ехать блок родитель. Пришел в голову вариант overflow:hidden, но есть какие-нибудь другие альтернативы и как называется такая проблема, чтобы можно было о ней почитать. Спасибо.

Answer 1

[Максим Капралов]

Верстку в студию! Или вам на кофейной гуще погадать?

Я так понял, маргин задается сверху (или снизу)? У внешнего блока высота фиксированно задана? Если да, то только через overflow: hidden. Либо убрать фиксированную высоту.

Answer 2

[Максим Гречушников]

Есть такая проблема. Используйте по возможности паддинги. Может помочь решение указать прозрачный или белый бордер

Answer 3

[Сергей Мельников]

margin проваливается за родительский блок, чтобы такого не было, надо пользоваться padding`ом, либо, как костыль, задать родительскому блоку border или padding: 1px

Answer 4

[mr_dev1l]

родителю задайте
display:inline-block;
А проблема называется "склеивание"