Question

<div class="main">
<div class="content">
<div class="left_container">

</div>
</div>
</div>

在上面的代码中，我添加了一个滚动到left_container div。但我想隐藏它！参考其他问题和答案，我发现设置溢出：隐藏在父div类中。

但是滚动还没有隐藏在子类中？

CSS：

.content
{
    background-color: white;
    width:100%;
    height:auto;
    margin-top:10%;
    position: absolute;
    overflow: hidden;

}

.left_container
{
    background-color:;
    margin-left:5%;
    margin-top:5%;
    width:70%;
    height:1000px;
    overflow:auto;
}

嗯，我也试着将它隐藏在体内！还是行不通..？

Answer 1

您尚未在overflow:hidden中使用.left_container。尝试：

.left_container {
    background-color:;
    margin-left:5%;
    margin-top:5%;
    width:70%;
    height:1000px;
    overflow:hidden;
}

Answer 2

我认为无法隐藏滚动条以隐藏溢出的内容。您可以尝试使用滚动条插件http://nicescroll.areaaperta.com/demo.html

Answer 3

实际上有一种简单的方法。

.left_container { overflow: hidden }

现在给left_container一个子div并应用以下样式

.left_container-child {
  height: 100%;
  overflow-x: scroll;
  width: 101%;
}

这样做会将滚动条推到视线之外。

你真的想在不同的浏览器上检查这一点，并确保你得到你的内容不会被切断的最佳位置。

你可以在这里看到一个工作示例（更改left_container-child上的宽度以试验推出滚动条）。 Example

虽然溢出被隐藏了但是无法隐藏滚动？

3 个答案: