13

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

具有负右边距的表

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

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

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

4

2 回答 2

6

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

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

如果你会使用

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

你会看到宽度相等

于 2012-10-18T12:47:04.700 回答
0

您的代码有更多margin和padding属性。所以它看起来像那样。在这里我更正了一些代码。

小提琴演示

于 2012-10-18T13:17:07.150 回答