如何隐藏div标签中的水平滚动条

Question

我有一个尺寸为 x=540px y=600px 的 div

我想隐藏水平滚动条，即使文本大于 x 尺寸。

如何只隐藏水平滚动条？

Answer 1

使用overflow-x

<div class="MyDivClass"></div>

CSS：

.MyDivClass {
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}

如果您还想隐藏垂直方向，请使用overflow-y：hidden;或两者都只是overflow：hidden;

Answer 2

.MyDivClass {
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}

Answer 3

在body标签中使用overflow-x:hidden来隐藏整个HTML页面的水平滚动条

body {
    background: none repeat scroll 0 0 #757575;
    font: 100%/1.4 Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    height: 600px;
    width: 540px;
    overflow-x: hidden;
}

Answer 4

您还可以使用下面的代码很好地控制

.div{
    width: 540;
    height: 600px;
    overflow: scroll;
    overflow-x: hidden;
}