Question

我在野生动物园遇到了一个非常奇怪的错误，并且想知道是否有人可以对它进行任何解释。我将在前言中说它在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上，这不适用于位于下方的第3张桌子。如果检查中心表，则可以看到全尺寸12.5％负边距的计算值为160px。如果我然后回到样式并将其更改为-160px而不是百分比值，它可以正常工作。它希望能够正确显示的百分比值是-20％。

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

有什么想法吗？救命？建议？我将不胜感激。

Answer 1

我也有这个问题。我通过添加

来修复它

position: absolute

在css中对于那些表现得很奇怪的标签尝试它可能会对你有用

否则你可以尝试使用像素