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

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

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

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

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

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