FireFox

Question

尝试为我们的客户获得接近完全的跨浏览器体验，最近我遇到了一个我无法修复的问题。我已经启动并运行了该网站，并且它在每个浏览器上都能正常运行，希望 Mozilla Firefox 。 firefox中出现的问题是，我在网站的主要内容右侧看到了一个宽阔的空白区域，它来自我的响应式css3滑块。下面的链接显示了100％的滑块代码，它完全适用于jsfiddle;

Css Slider

但问题是，每个article标记都会占用其空间，即使它已隐藏且未在 Mozilla 中显示。因此，滑块朝向它的末端越多，我看到的空白就越少。下一个即将到来的幻灯片是隐藏的，但是它们仍然占据一定的空间，这迫使右侧有很多空白区域。

您可以通过以下链接查看网站本身;

My Website

希望我已经明确说明了这个问题，这个问题的可能解决方案是什么？！？

Answer 1

在＆lt; html＆gt;上添加overflow-x：hidden标签似乎解决了它。不过，我不知道为什么。希望有人有更好的解决方案。