Safari 表格定位（负边距）答案

【问题标题】：Safari tables positioning (negative margins)Safari 表格定位（负边距）
【发布时间】：2016-12-25 15:56:27
【问题描述】：

我在 safari 中遇到了一个非常奇怪的错误，想知道是否有人可以对此有所了解。我会先说它在 Chrome 和 Firefox 上绝对完美，但在 Apple 设备上的 Safari 和 Safari 和 Chrome 上会中断。

这是一个说明我的问题的代码笔：

^{the code is too much to include here and much clearer on the codepen.}

我有 3 张桌子，想按桌面尺寸排列，所以它们都在同一行，只有第一列显示第一列，因此它显示为一个大桌子（但需要 3 个单独的移动表格）。在我的中间桌子上，我有 12.5% 的负边距，以允许所有三张桌子都是 37.5% 宽，第三张桌子位于中间一张的末端。

在 safari 上，这不适用于下面的第三张桌子。如果您检查中心表，您可以看到全尺寸下 12.5% 负边距的计算值为 160 像素。如果我然后返回样式并将其更改为 -160px 而不是百分比值，它绝对可以正常工作。它希望能够正确查看的百分比值为 -20%。

将其设置为 -20% 显然对于其他浏览器是不正确的，并且没有任何意义，因为所需的值是 160px，即 12.5%。

有什么想法吗？帮助？建议？将不胜感激。

【问题讨论】：

【解决方案1】：

我也有这个问题。我通过添加来修复它

position: absolute

在css中表现奇怪的标签试试吧，也许它对你有用

否则你可以尝试使用像素

【讨论】：