CSS中的折叠边距：
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
我明白purpose of the feature，但我想做布局，我不知道如何关闭它。
通常在CSS教程中解释的方式是：
所有这些都有副作用，当你处理像素完美的布局与背景图像和固定paddings变得明显。
有没有办法简单地禁用崩溃，而不必推送额外的像素到布局？对我来说，不必在视觉上影响文档来改变这样的行为没有任何意义。
解决方法
你需要在中间的东西来“打破”崩溃。
我的第一个想法是使用一个div与显示：无设置在之间，但这似乎不工作。
所以我试过：
<div style="overflow: hidden; height: 0px; width: 0px;">.</div>
这似乎做的工作很好(至少在firefox，没有安装这里的Internet Explorer测试…)
<html>
<body>
<div style="margin: 100px;">.</div>
<div style="overflow: hidden; height: 0px; width: 0px;">.</div>
<div style="margin: 100px;">.</div>
</body>
</html>
