html - div的水平滚动条

Question

海，

我有一个固定高度和宽度的 div，假设我有宽度：400px; 和高度：200px；对于一个 div。

如何为这个div带来水平滚动条

Answer 1

通过给它

overflow: auto

CSS 属性并用比 DIV 本身更宽但不更高的内容填充它。

Answer 2

类型

div {
overflow-x:auto; /* Horizontal scroll  */ 
overflow-y:auto; /* Vertical scroll   */
}

或使用

div {
overflow:auto; /* For Both */
}

Answer 3

使用这个CSS

  <div class="DataGridXScroll">

  </div>

.DataGridXScroll
{
    width: 1000px;     
    height: 300px; 
    overflow-x: scroll;
    overflow-y: scroll;
}