Javascript 隐藏具有较大宽度的div的水平屏幕外溢出

如何隐藏设置了较大宽度的

的水平屏幕外溢出？例如：

HTML:

这显示了滚动条的出现，如果div像这样非常大，我希望不会发生这种情况

---

编辑：在父元素上添加隐藏溢出-x在小宽度iOS设备上不起作用。

您可以在元素容器上设置

溢出：隐藏

。在这种情况下，它的身体

body {
  overflow: hidden;
}

---

您可以在元素容器上设置

overflow:hidden

。在这种情况下，它的身体

body {
  overflow: hidden;
}

---

您可以在CSS中使用

overflow-x:hidden

仅隐藏水平滚动。

您可以在CSS中使用

overflow-x:hidden

仅隐藏水平滚动。

您就快到了

不过，设置

.example

类的

溢出

只会隐藏其中溢出的内容

您需要设置

.example

的父容器的

溢出

，以使其正常工作，即它位于哪个容器中

---

正如您在OP中提到的，您希望隐藏水平滚动条

为此，您需要设置

overflow-x: hidden

但是（如前所述），请确保它位于

.example

的父容器上

这可能是

正文

，也可能是另一个

div

等

e、 g:

你快到了

不过，设置

.example

类的

溢出

只会隐藏其中溢出的内容

您需要设置

.example

的父容器的

溢出

，以使其正常工作，即它位于哪个容器中

---

正如您在OP中提到的，您希望隐藏水平滚动条

为此，您需要设置

overflow-x: hidden

但是（如前所述），请确保它位于

.example

的父容器上

这可能是

正文

，也可能是另一个

div

等

e、 g:

---

你指的是窗口滚动条？body{overflow-x:hidden；}有用的提示：使用

overflow:hidden

，但这会将溢出设置为隐藏

容器中的任何内容。您需要在
.example
div
所在的容器上设置
overflow:hidden
属性。另外，如果您只想隐藏水平溢出，那么您需要按照上面的建议使用
overflow-x
。请在此处尝试ios。在我的特殊情况下（这与我在问题中所写的有点不同），我用另一个div包装了我的视频标签，它的位置是：绝对、溢出-x:hidden和100%高度/宽度。你是指窗口滚动条？body{overflow-x:hidden；}有用的提示：你使用
overflow:hidden
，但这会将溢出设置为隐藏
容器中的任何内容。您需要在
.example
div
所在的容器上设置
overflow:hidden
属性。另外，如果您只想隐藏水平溢出，那么您需要按照上面的建议使用
overflow-x
。请在此处尝试ios。在我的特殊情况下（这与我在问题中所写的有点不同），我用另一个div包装了我的视频标签，带有position:absolute、overflow-x:hidden和100%height/width这将所有溢出设置为hide（x&y；水平和垂直），因此根本没有滚动条。如果-如OP中所述-您只需要隐藏水平溢出（和/或使用垂直滚动），请使用
overflow-x
。这会将所有溢出设置为隐藏（x&y；水平和垂直），因此根本不需要滚动条。如果-如OP中所述-您只需要隐藏水平溢出（和/或使用垂直滚动），请使用
overflow-x
@Alexandru您的编辑将完全更改问题的范围。考虑发布一个新的问题。你的编辑Alxand Run完全改变了问题的范围。考虑发布一个新问题。
body, .parent-container {
    overflow-x: hidden;
}