html - Setting overflow:auto, yet not horizontal scrollbar is displayed -

ID does not divide a ID with "ifHaveScrollBar" ID does not display a horizontal scrollbar:

  & lt; Div style = "overflow: hid; width: 300px; height: 300px; background-color: blue; color: white" & gt; & Lt; Div & gt; Some accessories & lt; / Div & gt; & Lt; Div & gt; Some other stuff "
 
 
 

Thanks,

because your horizontal scroll bar has been hidden In Y-overflow

shouldHaveScrollBar is set to 100% height, which is 100% of its parents, so it is 300px in height, unfortunately, the other 2 divisions "some stuff", etc. , Push it down, which means that your scroll bar at the bottom overflow: hidden is hidden from your parent div.

Change the height of shouldHaveScrollBar to 50% and you'll see what I mean. In this case, your height should be the height of a fixed pixel rather than percentage, or your other division needs to be set as a percentage, such as the total number of your child & lt; = 100%.