Задать вопрос
@TGNC
css

Блок с margin-top отталкивается не от родителя?

Помогите, пожалуйста, понять свойство margin-top.
Есть два элемента, один другом. Задаю внутреннему margin-top, а он отталкивает родителя от края экрана, а не сам от верхней границы родителя отталкивается.
https://jsfiddle.net/y997mpfw/
Конечно, всегда можно сделать padding родителю, но хочется понять почему так себя ведет внутренний блок? У него есть граница, по идее схлопывание срабатывать не должно.
  • Вопрос задан
  • 2718 просмотров
1 комментарий
Подписаться 2 Оценить 1 комментарий
Решения вопроса 1
@JuniorNoobie
Сижу в поддержке, пишу мелкие проекты
Margin collapsing (схлопывание внешних отступов)
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ruslanredo
@ruslanredo
Я не знаю почему это происходит, но display:inline-block; у ребенка помогает)
Слетит выравнивание по центру. Восстановить можно с помощью text-align:center; у родителя.

Все это костыли, думаю есть более элегантное решение.

UPD: display:inline-block; можно задать родителю.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Установить Windows и терминалы RDP на Dedicated Server (без лицензии)
18 апр. 2024, в 20:07
2000 руб./за проект
Ещё заказы