Margin сверху выходит за границу элемента - родителя. Как это можно исправить?

[Gonqi]

У меня есть элемент-родитель - div белый прямоугольник, внутри него вставляю картинку, прописываю ей margin, с левой стороны оно передвигается нормально, а сверху не хочет.. 

Если посмотреть через инструмент разработчика, то видно, что margin есть, но оно выходит за границу div - родителя. Не понимаю, в чем проблема..причем проблема не только здесь, но и еще в некоторых местах. С таким сталкиваюсь впервые.

[Gonqi]

15.06.2021 в 06:19, klierik сказал:

Обычно бдело — схлопывание отступов. Решается разными вариантами, на пример: установить родителю

padding-top: 1px;

 

Не знаю, работает это или нет, но у меня код заработал сам по себе.... то есть я не открывал редактор 2-3 дня и оно заработало почему-то)
Но все равно спасибо за ваш ответ!

[klierik]

Обычно бдело — схлопывание отступов. Решается разными вариантами, на пример: установить родителю

padding-top: 1px;

 

[Alarr]

Картинке лучше дать дисплэй блок и марджина ей не давать:) Лучше родительскому блоку падинг выставить.