CSS溢出和水平滚动条

Question

我正在尝试在网站上构建一个简单的jQuery面板滑块（实际上是两个）。在JS / Javascript方面，我不是一个专家，由于某些原因，我无法删除我网站上的水平滚动条。

http://www.visioncreativegroup.com.au/demos/dd/

滑块区域位于“图库和要素项目”部分中。

我尝试在包装div的幻灯片中添加overflow：hidden，但它似乎没有工作。

有什么建议吗？

：）

Answer 1

将CSS属性“overflow-x：hidden”添加到“BODY”。不适用于IE8 -

这将有效，但将是一个黑客。你的结构有一些问题，以获得水平滚动，不幸的是，我现在无法进一步检查。

Answer 2

在你的style.css中

替换此代码

body {
    font-family: 'Yanone Kaffeesatz';
    font-size: 21px;
    font-weight: 400;
    overflow-x: hidden;
}

Answer 3

蒂姆，在你的style.css中，类中有两个奇怪的宽度：

#gallery .panels {
    -moz-transition: margin-left 0.8s ease 0s;
    margin-left: 0;
    overflow: hidden;
    width: 4320px;
}

和

#project .panels {
    overflow: hidden;
    width: 2880px;
}

他们正在导致滚动条。

删除它们，或者，如果你想保留它们，请应用其他人建议的方法：

overflow-x:hidden身体

Answer 4

不是一个人！我通过应用

解决了您的问题

.wrap {
  position: relative;
}

在预轧网格系统中始终作为标准应用。事实证明，你的浏览器需要注意溢出：隐藏在该元素上。