html - 不能在表格元素上使用负右边距吗？

Question

我正在尝试在网格系统中使用表格单元格元素，该网格系统利用行上的负边距来消除嵌套网格元素上的左右间距。这适用于 float 和内联 block 元素，但具有 display: table 的元素，在尊重负左边距的同时，忽略负右边距:

奇怪吧？一个简单的演示:http://jsfiddle.net/57FAN/1/

不幸的是，所有浏览器似乎都以相同的方式实现了这一点。有什么想法吗？

附言让我们推迟关于布局的 table-* 元素的争论，直到 flex box 标准化。

Answer 1

表格不会忽略负边距，但只有 100% 的宽度并向左移动 5px。您需要“100% + 2*5px”来完全填充灰色区域。

该行没有宽度，因此使用整个可用宽度。

如果你会用

.row {
  margin: 0 -5px;
  width: 100%;
}

你会看到宽度是相等的