如何删除一个div中的水平滚动条？

当我设置overflow:scroll ，我得到水平和垂直滚动条。

有没有什么办法可以去除div中的水平滚动条？

Answer 1

 overflow-x: hidden; 

Answer 2

不要忘记写overflow-x:hidden;

代码应该是

overflow-y: scroll; overflow-x:hidden;

Answer 3

CSS

 overflow-y: scroll; 

在jsFiddle上看到它 。

请注意，如果您从overflow-y属性中移除-y ，将显示水平滚动条。

Answer 4

使用overflow-y:scroll ，即使不需要垂直滚动条也会一直存在。 如果你想要y滚动条只在需要的时候才可见，我发现这个工作：

 .mydivclass {overflow-x: hidden; overflow-y: auto;} 

Answer 5

将此代码添加到您的CSS。 它将禁用水平滚动条。

  html, body { max-width: 100%; overflow-x: hidden; } 

Answer 6

不滚动：

 .your-class { overflow-x: hidden; } 

删除水平滚动：

 .your-class { overflow-x: hidden; } 

删除垂直滚动：

 .your-class { overflow-y: hidden; } 

Answer 7

如果你没有水平溢出的东西，你也可以使用

 overflow:auto; 

它只会在需要的时候显示滚动条。

http://css-tricks.com/the-css-overflow-property/

Answer 8

我一直在使用的问题

 overflow:none; 

但知道CSS不太喜欢它，它不能100％的我想要的。

然而，这是一个完美的解决scheme，因为我的内容都不应该大于预期，这已经解决了我所遇到的问题。

 overflow:auto;