@borisblade95

Почему пустой div смещается, если ему задать margin-bottom?

Столкнулся с ситуацией, которая сбила меня с толку: имеется пустой div на пустой странице. Единственное указанное свойство для div - margin-bottom: 400px. Почему div сместился ровно на 400px вниз. Разве нижний отступ не должен быть прижат к верху? Ведь высота у div равна 0.66266e8b692cf584354705.png
  • Вопрос задан
  • 214 просмотров
Решения вопроса 1
@borisblade95 Автор вопроса
Lynn «Кофеман» ответил на данный вопрос:
Его нижний margin схлопнулся с его верхним margin-ом, а так же верхним margin у body.

Да, получается немного контр-интуитивно что позиция элемента может быть оказаться ниже чем его нижний margin, но такое поведение придумали больше 20 лет назад и тогда никого не волновало где на самом деле будет невидимый элемент.

Вот в этом примере видно что сдвинулся элемент body, а div лежит в этом body.
https://codepen.io/alexeyten/pen/oNOJmbw
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы