sunjeep sunjeep - 2 months ago 19
CSS Question

Horizontal Scrollbar missing

I want horizontal scrollbar to be displayed. I have used

overflow-x:scroll;
but I don't see any horizontal scroll bar. Please help.

<div class="abc">
<p>This is overflow-x scroll. This is overflow-x scroll. This is overflow-x scroll.</p>
</div>
.abc{
overflow-x:scroll;
width:1000px;
}


My code here is here

Answer

According to the your code in jsbin, try this :

.abc{
  overflow-x: auto;
  white-space: nowrap;
}

You can keep one of the these as required 'auto' or 'scroll'.
There are many other Property Values, check here : http://www.w3schools.com/cssref/pr_pos_overflow.asp