设置溢出：汽车，尚未水平滚动条显示

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％。