CSS：调整浏览器大小（变窄）时，垂直滚动条消失

Question

What causes this to happen? I would expect the vertical scrollbar to appear no matter how narrow the browser window is. The content in the grid is dynamic, but this issue seems to have nothing to do with the no of rows in the grid. The scrollbar appears when the browser window is a certain size and remains as the window is widened, but disappears when the window is narrowed. The height is dynamic and set by the element as a style attribute via JavaScript.

<div id="mycontainer" class="mydiv" style="height: 142px;"></div>
<style>
    .mydiv {    
        background-color: white;     
        border-color: #d8d8d8;    
        border-style: solid;    
        border-width: 0 1px 1px;    
        height: 100%;
        width: 100%    
        margin: 0;    
        overflow-y: auto;    
        padding: 0;    
        position: relative;    
    }
</style>

Answer 1

嗯，情况是您正在使用溢溢-y，这将阻止div显示滚动条，并且事实是div内没有内容，也许您可​​以与div和内容共享plnkr？