html - 缺少水平滚动条

Question

我想要显示水平滚动条。我使用了 overflow-x:scroll; 但我没有看到任何水平滚动条。请帮忙。

<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;
}

我这里的代码是here

Answer 1

根据你在jsbin中的代码，试试这个:

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

您可以根据需要保留其中一项“自动”或“滚动”。
还有许多其他属性值，请在此处查看:http://www.w3schools.com/cssref/pr_pos_overflow.asp