Question

我正在尝试仅在隐藏正文溢出时创建内容溢出。

因此，如果内容比视图长，则必须有一个滚动条。 div的滚动条显示但不起作用：

<body>
        <header>  
           <div id="headerBgRight"></div>
        </header>       
        <aside class="left-panel">
           <!-- Left panel listing here -->
        </aside>
        <div class="main-content">
            <section class="form-content">

            </section>
        </div>
</body>

CSS：

html, body {
   height:100%;
   overflow-y:hidden;
}

header {
   background-color:#000;
   width:100%;
   height:131px;
   position:relative;
}

aside {
   height:100%;
   background-color:rgb(27,135,200);
   position: relative;
   float:left;
   width:12%;
}

.main-content {
   background-color:#999;
   width: 88%;
   position: relative;
   height: 2000px;
   float:left;
   overflow-y:scroll;
}

JSfiddle

甚至可能实现我想要实现的目标吗？

溢出-y内容div不起作用

0 个答案: