CSS - 保证金对保证金

我有一个2个div的组合 - 两个呈现的块都具有15px的边距（顶部div有底部边距，底部有顶部），因此我预计之间的差距为30px，而不是15px，这是一个正确的假设还是我疯了！？CSS - 保证金对保证金

干杯保罗

2011-09-15 Dancer

做了一个小提琴，差距是15px http://jsfiddle.net/RBR79/ – Curt

可能有任何数量的东西造成这种 - 定位，浮动，浏览器，容器块......发布相关的CSS和HTML请。 **编辑** @thirtydot：哦，忘了边缘垂直折叠。 http://www.richinstyle.com/guides/box2.html#margin – stslavik

@stslavik：这是崩溃的利润率。 – thirtydot

CSS box model定义了collapsing margins的行为，并且它是所有浏览器中的预期行为。

2011-09-15 15:12:01 zzzzBov

很好的参考！ :) – v42

干杯队友，这是做的伎俩！ – Dancer

-1

正确 - 但如果它不工作了，你可以尝试，而不是“缘”“填充” - 这可能会产生预期的效果。

2011-09-15 15:10:08 Hanny

填充和边距是完全不同的东西，你不应该使用一个而不是另一个。 –

填充只应该影响包含div。它是容器内部边缘与内容外部边缘之间的空间。 – stslavik

我的印象是他想要30px的空间。填充会做到这一点。感谢团队的领导。 – Hanny

两个边距都会有15px，而不是总和。如果你想添加它们，请使用填充。

2011-09-15 15:12:53 v42

回答