Здравствуйте, ShaggyOwl, Вы писали:
SO>http://www.w3.org/TR/CSS21/box.html#collapsing-margins
SO>Для каких целей его вводили?
Кого его? Там просто описаны правила схлопывания полей.
Здравствуйте, anonymous, Вы писали:
A>Кого его?
margin-collapsing
A>Там просто описаны правила схлопывания полей.
Чудно. А для чего они схлопываются?
Здравствуйте, ShaggyOwl, Вы писали:
SO>Здравствуйте, anonymous, Вы писали:
A>>Кого его?
SO>margin-collapsing
A>>Там просто описаны правила схлопывания полей.
SO>Чудно. А для чего они схлопываются?
Есть такой стиль в master css
http://www.w3.org/TR/CSS21/sample.html
p { margin-top:1.12em; margin-bottom:1.12em; }
И есть такой markup
<p>Lorem</p>
<p>Ipsum</p>
Какое расстояние будет между border box этих параграфов? Если без margin collapsing то 2.24em а с margin collapsing 1.12em.
Т.е. margins между двумя элементами схлопываются в max( previous-bottom-margin, next-top-margin ).
Смысл надо объяснять?
Здравствуйте, c-smile, Вы писали:
CS>Какое расстояние будет между border box этих параграфов? Если без margin collapsing то 2.24em а с margin collapsing 1.12em.
CS>Т.е. margins между двумя элементами схлопываются в max( previous-bottom-margin, next-top-margin ).
CS>Смысл надо объяснять?
После очевидного примера уже нет
Спасибо.
Вообще, возможность определить стиль margin-collapsing: none; была бы полезна.
Здравствуйте, ShaggyOwl, Вы писали:
SO>Вообще, возможность определить стиль margin-collapsing: none; была бы полезна.
p { clear:both; }
Здравствуйте, c-smile, Вы писали:
CS>CS>p { clear:both; }
CS>
Еще можно бордюр рисовать или overflow: hidden поставить. Но это все хаки с последствиями.
