css利润问题

Question

我正在使用部分块构建页面： http://jsfiddle.net/NrkTn/3/

你可以看到我已经为截面元素添加了边距，但是我无法添加顶部和底部边距，它使用最大值中的任何一个。

每个部分的上边距和下边距应为20px，使它们之间的间距为40px，但显示的边距仅为20px。

Answer 1

边距自身崩溃：http://jsfiddle.net/NrkTn/4/

Answer 2

这是预期的行为。它总是需要最大的余量，而不是两者的组合。 Here's an article that explains this。

Answer 3

Margins collaspe对自己，所以这是预期的行为。您可以通过将CSS部分更改为使用边框

来执行您想要的操作

#page section{ border-top: 20px solid white; border-bottom: 20px solid white; }

http://jsfiddle.net/SAcK8/

另一种做你想要的方法是将你的部分包装在div中并使用填充