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

Question

我有一个大小为x=540px，y=600px的div元素。

即使文本内容超出了x方向的大小，我也想要隐藏水平滚动条。

如何只隐藏水平滚动条？

- ngmajid

Answer 1

使用 overflow-x 属性

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

CSS：

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

如果你想要同时隐藏水平和垂直方向的滚动条，可以使用 overflow: hidden;。如果只想隐藏垂直方向的滚动条，可以使用 overflow-y: hidden;

- rob waminal

Answer 2

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

- webslatesoftware

Answer 3

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

- user1685515

Answer 4

您还可以使用以下代码很好地控制它：

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

- Alilu TAhiru