表格宽度不是基础列内 div 的 100%答案

【问题标题】：Table width not 100% of div inside foundation column表格宽度不是基础列内 div 的 100%
【发布时间】：2014-11-03 16:19:36
【问题描述】：

在使用基础 5 时，我遇到了表格的宽度（应该是其父 div 的 100%）短几个像素的问题。

这是使用的 CSS，除了 Foundation 标准：

.headline {
  padding: 0;
  background-color: #333;
}
.table-wrap {
  padding: 0;
}
.table {
  width: 100%;

}

可以在这里看到一个例子： http://codepen.io/anon/pen/fEkrc

我将如何确保表格是其列的 100% 宽度？

【问题讨论】：

发生这种情况是因为在 column 和表格换行之间舍入的 width 100% 值与 0.6px 不同。检查 large-7 列，都四舍五入到 408 像素。这会产生 1 px 的差异。
它仍然给我带来了大 7 列的差异，但你对 0.6px 是正确的。但问题仍然存在，是否有办法确保表格与列的大小相同，同时保持布局流畅？
试试margin-right: -1px;虽然不是一个干净的修复。如果你没有得到更好的解决方案，请使用这个

【解决方案1】：

您是否尝试过使用 padding:0px !important;边距：0px！重要；？也许 css 的层次结构有问题，使用 !important 可以解决这些问题

【讨论】：

表格的宽度仍比其父级小 1px。
父级是否有任何填充或边距？
不，没什么。看看codepen。我相信这个问题可能与表格的渲染有关，而不是填充或边距
我查看了codepen，发现了问题，宽度：100%；不在同一个父级上，标题和表格都具有相同的父级：.large-12 和 .columns（在这种情况下，在 CSS 中使用 neighter），在 css 中编辑的一个父级是不常见...我尝试将
更改为
，然后在 css 中给 .hello 的宽度为 400，这创建一个共同的父母，并使其平衡，我不知道为什么它以前不起作用，但这似乎是一个很好的解决方法
@RubyvanSoelen 这应该是一个评论，因为它是一个建议而不是一个答案..如果他们在你尝试小提琴时确实有效，他给出了..你应该作为答案发布..跨度>