-1

我的容器div在我的div #wrapper.

有问题的滑块：

这是我的CSSwrapper

#wrapper {
   background:#383434;
   width:1000px;
   height:auto !important;
   min-height:100%;
   overflow:hidden;
   height: 100%;
   -moz-box-shadow: 0 2px 15px 5px #000;
   -webkit-box-shadow: 0 2px 15px 5px#000;
   box-shadow: 0px 2px 15px 5px #01DF01;
   margin-top:20px;
   border-radius:5px;
   margin-bottom:50px;
}

如何删除或隐藏滚动条？

4

3 回答 3

1

删除/修改overflow:auto;可以解决问题。我想hidden这就是你要找的。

如果您查看文档，您会发现不同的值实际上做了什么：

可见
默认值。内容没有被剪裁，它可能会呈现在内容框之外。

hidden
内容被剪裁，不提供滚动条。

scroll
内容被剪裁，桌面浏览器使用滚动条，无论是否剪裁任何内容。这避免了滚动条在动态环境中出现和消失的任何问题。打印机可能会打印溢出的内容。

auto
取决于用户代理。如果内容溢出，像 Firefox 这样的桌面浏览器会提供滚动条。

于 2013-08-31T20:44:18.630 回答
0

overflow: auto表示如果内容溢出则显示滚动条，这在您的情况下正在发生。也许你想要的是一个overflow: hidden，它不会显示任何滚动条。在您的网站中，这似乎有效。

另一种选择是寻找大小溢出容器的内容并将其缩小。

于 2013-08-31T20:44:24.643 回答
0

您可以将overflow-x: hidden样式添加到#wrapper.

编辑：

我发现您的#middle样式的边距导致出现水平滚动条。在其上放置margin-top: -55px和清除margin属性可以解决问题。

于 2013-08-31T20:45:00.863 回答