html - Safari 表格定位(负边距)

Question

我在 safari 上遇到了一个非常奇怪的错误，想知道是否有人可以阐明它。作为序言，我会说它在 Chrome 和 Firefox 上绝对完美，但在 Safari 和 Apple 设备上的 Safari 和 Chrome 上会出现问题。

这是说明我的问题的代码笔:

http://codepen.io/anon/pen/wWkBOB

^{这里的代码太多了，在 codepen 上更清晰。}

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

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

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

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

Answer 1

我也遇到过这个问题。我通过添加

修复了它

position: absolute

在表现奇怪的标签的 css 中尝试它也许对您有用

否则你可以尝试使用像素