第一个元素是保证金底部10px，第二个元素是保证金最高10px，这个保证金最高只有当我把价值大于保证金底部时才有效，为什么？

Question

我不知道但是li元素margin-top只有在h2元素的margin-bottom大的情况下才能工作，我想知道为什么？

<h2 style="padding:0px; margin:0; height:30px; line-height:30px; background-color:#FF0000; font-size:18px; font-family:Arial; margin-bottom:10px;">Test1</h2>
<ul style="list-style:none; padding:0; margin:0;">
<li style="height:50px; line-height:50px; background-color:#00FF00; font-size:12px; font-family:Arial; margin-top:10px;">Test2</li>
</ul>

谢谢。

Answer 1

你所描述的听起来很像崩溃的边缘 。

我建议查看http://reference.sitepoint.com/css/collapsingmargins，因为问题已经详细介绍，并提供修复方法。