css - 如何折叠内联块元素的边距？

Question

作为模块底部边距的整体解决方案，我尝试仅删除容器模块的底部填充，以便底部间距仅由其内部元素的底部边距确定，如下所示：

.module {
   padding: 20px 20px 1px;
}

.element-1,
p, ul, form { margin-bottom: 25px; }

如果我所有的最后一个元素（甚至嵌套的元素）都是块元素（它们的底部边距折叠），它就可以工作。但是，如果在嵌套元素中碰巧有一个 inline-block 元素，则底部边距不会折叠，因此它有点累加到总底部边距。

见 jsFiddle：http: //jsfiddle.net/GHQrX/

内联块元素的边距折叠的解决方案是什么？