Я всегда считал, что нижнее и верхнее поле будет таким же, как более толстое нижнее поле в элементах интервала, но это не так:Почему маржа CSS: 1px 0 1px 0 не соответствует интервалу поля: 2px 0 0 0
<h4>Margin: 1px 0 1px 0</h4>
<div style="background-color: gray;margin: 1px 0 1px 0;height: 50px;"></div>
<div style="background-color: gray;margin: 1px 0 1px 0;height: 50px;"></div>
<br>
<h4>Margin: 2px 0 0 0</h4>
<div style="background-color: gray;margin: 2px 0 0 0;height: 50px;"></div>
<div style="background-color: gray;margin: 2px 0 0 0;height: 50px;"></div>
Почему это? Safari FF и хром все равно.
Возможный дубликат [по какой причине правила краха поля были введены в CSS?] (Http://stackoverflow.com/questions/1438114/for-what-reason-margin-collapse-rules-were-introduced-in- css) – icktoofay
В то время как технически дубликат вопроса, связанный в предыдущем комментарии, этот вопрос является красиво сфокусированным, визуальным и гораздо более понятным для того, чтобы кто-то впервые подвергся обрушению концепции краха. Сохранение этого вопроса должно обеспечить ясность для некоторых пользователей, которые в противном случае могли бы отправлять другие концептуальные дубликаты. – DreadPirateShawn