作为模块底部边缘的整体解决方案,我试图移除容器模块的底部填充,以便底部间距仅由其内部元素的底部边距确定,如下所示:
.module {
padding: 20px 20px 1px;
}
.element-1,
p, ul, form { margin-bottom: 25px; }
如果我的所有最后一个元素(甚至是嵌套的元素)都是块元素(它们的底部边距折叠),它就可以工作。但是,如果碰巧在嵌套元素中有一个内联块元素,则底部边距不会崩溃,因此它会增加总底部边距。
请参阅jsFiddle:http://jsfiddle.net/GHQrX/
崩溃内联块元素边际的解决方案是什么?