設置溢出：汽車，尚未水平滾動條顯示

Question

爲什麼不與ID格「shouldHaveScrollBar」不顯示水平滾動條：

<div style="overflow:hidden; 
      width: 300px; height: 300px; background-color:blue; color:white"> 

    <div>Some stuff</div> 
    <div>Some other stuff"</div> 
    <div id="shouldHaveScrollBar" 
     style="background-color:grey; 
       width: 100%; height: 100%; overflow-x:auto"> 
     <input type="text" size=200"> 
    </div> 
</div> 

謝謝

Answer 1

因爲你的水平滾動bar隱藏在y溢出中。

shouldHaveScrollBar設置爲100％高度，這是它的父級的100％，所以它的高度爲300px。不幸的是，其他2個div「Some stuff」等將其推下，這意味着底部的滾動條被父div的overflow:hidden隱藏。

將shouldHaveScrollBar的高度改爲50％，你會明白我的意思。在這種情況下，你的高度應該是一個固定的像素高度而不是百分比，或者你的其他div需要設置爲百分比，這樣你的子div的總數爲< = 100％。