Задать вопрос
anonimizer_me
@anonimizer_me

Верстка. Margin-top вложенные дивы. Странный баг?

Здравствуйте.

Столкнулся с проблемой
&lt;div id=&quot;d1&quot;&gt;<br/>
 &lt;div id=&quot;d2&quot;&gt;<br/>
ee<br/>
 &lt;/div&gt;<br/>
 &lt;/div&gt;<br/>


#d2{ margin-top:10px; }<br/>
<br/>



Почему-то смещается не d2 внутри d1, а d1 отъезжает сверху на 10px


В чем проблема?
  • Вопрос задан
  • 3322 просмотра
Подписаться 4 Оценить 1 комментарий
Решение пользователя ID175055 К ответам на вопрос (4)
@ID175055
Отступы схлопываются, это нормально. Решения:
1)
#d2 {
margin-top: 10px;
display: inline-block; /* или inline, table, table-cell, etc */
}
2)
#d1 {
padding-top: 10px;
}
3)
#d2 {
margin-top: 10px;
position: absolute;
}
Ответ написан