Javascript Webkit scrollLeft+；CSS翻译水平错误

我有一个DOM结构，如：

<div class="container">
    <div class="content"></div>
</div>

.container{
宽度：300px；
高度：300px；
背景颜色：灰色；
左：计算（50%-200px）；
顶部：calc（50%-150px）；
溢出：滚动；
位置：相对位置；
}
.内容{
宽度：1400px；
高度：1400px；
背景：径向梯度（在中心，红色0%，浅绿色100%）；
}

在Firefox中，正如您所描述的，但当我打开开发工具时，我得到了与Chrome相同的行为。我正在使用Firefox 58.0.2。我尝试了更多的东西，但行为并不一致。我认为这与WebKit无关。您是在寻找解决方案还是只是想报告这种行为？我很想了解解决方案。我试图摆脱这个错误的尝试失败了。当然，报告这种奇怪的行为也很重要。我同意应该有人对此进行调查。解决方案非常简单：您可以添加一个CSS类并通过JavaScript应用它。如果您有任何问题，请告诉我。使用类的“非常简单的解决方案”是无法做到的。从字面上看，您不能将

内容
元素翻译到
容器的右边缘之外（
dir=“ltr”
）。相同，但当方向设置为rtl（
dir=“rtl”
）时，具有左边缘。