CSS Margin-Top

влияет на маржу родителя ⇐ CSS

Разбираемся в CSS
Anonymous
CSS Margin-Top

влияет на маржу родителя

Сообщение Anonymous »

Я некоторое время искал на эту проблему и не нашел прямой ответ. Во многих случаях маржинальная версия используется с родителем.

Код: Выделить всё

My title

< /code>

[b] css < /strong> < /p>

div{
padding:20px;
}

h1{
margin-top: 20px;
}
< /code>

Результат предыдущего кода также добавит маржинальную версию в Div, как если бы у нас было следующее: < /p>

div{
padding:20px;
margin-top:20px; /*this one is implemented by the browser, not written on the code*/
}
< /code>

Способ решить это - добавить overflow:auto
[/b] для родителя, в данном случае Div CSS имеет:

div{
padding:20px;
overflow:auto;
}
< /code>

Хотя предыдущий пример решает проблему, мне это не ясно Почему ??? Но Почему ???? Демонстрация jsfiddle решения < /p>

thanks.

Подробнее здесь: https://stackoverflow.com/questions/206 ... nts-margin

Вернуться к началу

Вернуться в «CSS»