无法隐藏滚动，尽管溢出是隐藏的？

Question

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

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

.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

其实有一个简单的方法。

.left_container { overflow: hidden }

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

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

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