CSS:当浏览器调整大小(缩小)时,垂直滚动条消失

时间:2016-07-23 20:00:06

标签: javascript css

是什么导致这种情况发生?我希望无论浏览器窗口有多窄,都会出现垂直滚动条。网格中的内容是动态的,但这个问题似乎与网格中的行没有任何关系。当浏览器窗口为特定大小时会出现滚动条,当窗口变宽时,滚动条会保持不变,但当窗口变窄时,滚动条会消失。高度是动态的,并由元素通过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>

1 个答案:

答案 0 :(得分:0)

啊,情况是你正在使用overflow-y,这是阻止div显示滚动条,而且你在div中没有​​内容的事实,也许你可以与div和内容共享一个plnkr?