html - 滚动没有出现，内容隐藏在 CSS 中

Question

我有这样的页面结构:

<div class='row'>
    <div class='col-md-12'>
        some fixed contents
    </div>
</div>

<div class='row' style="overflow-y: scroll, position: absolute;">
    <div class='col-xs-1'></div>
    <div class='col-xs-10'>
        <div ui-view></div>
    </div>
    <div class='col-xs-1'></div>
</div>


<div class='row'>
    <div class='col-md-12'>
        some fixed contents
    </div>
</div>

如果它们不适合屏幕，我无法绘制滚动条。 ui-view 中的额外内容被隐藏。

为此需要进行哪些更改？

Answer 1

您需要在 CSS 中设置高度才能看到垂直滚动条。

#inner-sroll {
height: 300px;
max-height: 300px;
overflow-y: scroll;
}

W3schools-overflow-link