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

Question

当我设置时overflow: scroll,我得到水平和垂直滚动条.

有没有办法删除div中的水平滚动条？

Answer 1

overflow-x: hidden;

Answer 2

别忘了写 overflow-x: hidden;

代码应该是

overflow-x: hidden;

Answer 3

删除水平滚动条，同时允许滚动，仅此而已。

&::-webkit-scrollbar:horizontal {
  height: 0;
  width: 0;
  display: none;
}

&::-webkit-scrollbar-thumb:horizontal {
  display: none;
}

Answer 4

使用时overflow-y: scroll,即使不需要,垂直滚动条也将始终存在.如果你想让y滚动条仅在需要时可见,我发现它有效:

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

Answer 5

CSS

overflow-y: scroll;

在jsFiddle上看到它.

请注意,如果-y从overflow-y属性中删除,则会显示水平滚动条.

Answer 6

要隐藏水平滚动条，我们只需选择所需 div 的滚动条并将其设置为 display: none;

需要注意的一件事是，这仅适用于基于 WebKit 的浏览器（如 Chrome），因为 Mozilla 没有这样的选项。

为了选择滚动条，请使用 ::-webkit-scrollbar

所以最终的代码会是这样的：

div::-webkit-scrollbar {
  display: none;
}

Answer 7

将此代码添加到CSS中.它将禁用水平滚动条.

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

Answer 8

没有滚动://没有指定x或y

.your-class {
   overflow: hidden;
}

删除水平滚动:

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

删除垂直滚动:

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

Answer 9

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

overflow: auto;

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

请参阅CSS 溢出属性

Answer 10

要删除水平滚动条，请使用以下代码。100％有效。

html, body {
    overflow-x: hidden;
}

Answer 11

overflow-x:hidden;

但是，您在网站上的内容可能无法显示。因此最好检查元素并检查 div 或部分的宽度，并删除它可能额外添加的任何右/左边距。更好的解决方案