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

1 сообщение • Страница 1 из 1

Anonymous

Цитата

Сообщение Anonymous » 13 мар 2025, 00:43

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

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

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

1741815837

Anonymous

 Я некоторое время искал на эту проблему и не нашел прямой ответ. Во многих случаях маржинальная версия используется с родителем.[code]
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[/code] [/b] для родителя, в данном случае Div CSS имеет: 

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

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

thanks. 

Подробнее здесь: [url]https://stackoverflow.com/questions/20689575/css-margin-top-of-h1-affects-parents-margin[/url]