根据我对CSS规范的理解，段落上方或下方的表格应该折叠垂直边距。但是，这不会发生在这里：
table {
margin: 100px;
border: solid red 2px;
}
p {
margin: 100px
}<table>
<tr>
<td>
This is a one-celled table with 100px margin all around.
</td>
</tr>
</table>
<p>This is a paragraph with 100px margin all around.</p>起源
答案:
边距折叠仅针对块元素定义。试试吧 - 添加 display: block 到表样式，突然它工作（并改变表的显示...）
表很特别。在CSS规范中，它们不是 相当 块元素 - 特殊规则适用于他们的孩子（显然）和孩子的大小和位置 table 元素本身。
相关规格：
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
http://www.w3.org/TR/CSS21/visuren.html#block-box
答案:
边距折叠仅针对块元素定义。试试吧 - 添加 display: block 到表样式，突然它工作（并改变表的显示...）
表很特别。在CSS规范中，它们不是 相当 块元素 - 特殊规则适用于他们的孩子（显然）和孩子的大小和位置 table 元素本身。
相关规格：
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
http://www.w3.org/TR/CSS21/visuren.html#block-box
我认为这取决于CSS的不同浏览器实现。我刚试过你的代码，Firefox3不会崩溃垂直边距，但是IE7和Safari3.1.2都可以。
我原本以为Firefox 3不尊重 这部分CSS规范：
'display'属性的几个值构成一个元素块级：'block'，'list-item'和'run-in'（部分时间;参见run-in box）和'table'。
我这样说是因为规范说下面的内容 利润率下降...
正常流动中的两个或多个相邻的块箱垂直边缘坍塌。
...并将表格的样式设置为 display: block 使保证金按照您的预期崩溃并将其重新设定为 display: table 再次解除崩溃。
但再看一遍， 该规范也说明了这一点 （强调我的）：
块级元素（除了显示'table'元素，在后面的章节中描述）生成主块框...主块框参与块格式化上下文。
然后，在 块格式化上下文 部分：
块格式化上下文中相邻块框之间的垂直边距折叠。
阅读使我认为一个表（不参与块格式化上下文）和一个段（它确实）之间的边距不应该崩溃是正确的。
我的理解是垂直边距只会在表格和标题之间崩溃[1]。否则，表应该表现为任何其他块元素[2]（即2个元素，其中100px边距= 200px）。