如何折叠内联块元素的边距?

时间:2013-10-12 11:05:23

标签: css margin collapse

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

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

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

如果我的所有最后一个元素(甚至是嵌套的元素)都是块元素(它们的底部边距折叠),它就可以工作。但是,如果碰巧在嵌套元素中有一个内联块元素,则底部边距不会崩溃,因此它会增加总底部边距。

请参阅jsFiddle:http://jsfiddle.net/GHQrX/

崩溃内联块元素边际的解决方案是什么?

0 个答案:

没有答案