是什麼導致了這種情況發生?無論瀏覽器窗口有多窄,我都希望垂直滾動條出現。網格中的內容是動態的,但這個問題似乎與網格中的no行無關。滾動條出現在瀏覽器窗口爲特定大小時,並且在窗口變寬時保持不變,但當窗口變窄時消失。高度是動態的,通過JavaScript將元素設置爲樣式屬性。CSS:垂直滾動條在瀏覽器調整大小(縮小)時消失
<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>
沒有看到你的JavaScript我不能肯定地說。但在JSFiddle中,border-width-property將1px添加到div的底部,這使其100%+ 1px高。如果溢出設置爲自動,這肯定會觸發一個scollbar。您可以通過將框大小設置爲邊框來解決此問題。 這應該可以在任何瀏覽器中運行:http://caniuse.com/#search=box-sizing – zoku
僅使用您提供的代碼無法重現您的問題。 –