为什么截然相反的边距不与所涉及的表重叠?

我想知道为什么两个块元素(例如div)之间截然相反的边距(边距上接边距下)合并,而块元素和表之间的边距相加。

例子:

<style>
    .a { margin-bottom: 18px; }
    .b { margin-top: 6px; }
</style>

<div class="a">Foo</div>
<div class="b">Bar</div>

...

<table class="a">...</table>
<div class="b">Bar</div>  

请注意:如果我将表的display属性更改为“block”,它的行为与任何其他块元素对一样,并且它们的边距被合并。

为什么会这样?