Css 我想禁用一个水平滚动条来移动横幅中的div（在屏幕外移动）；但其他内容则不然

我的网站有一个横幅，上面有我用CSS动画（移动）div制作的移动云。它们进入左侧，当它们离开右侧的屏幕时，会创建一个水平滚动条。除了我不想要滚动条，除了我的contentdiv（canvas-宽度为960px）中的内容之外，一切都按照我的意愿工作。外部的所有内容都应该没有水平滚动条，只需离开屏幕即可

我尝试了几种我发现的方法（主要是静态div），但它们对我的移动div不起作用

有人知道怎么解决这个问题吗

谢谢。

---

里克

你描述它的方式向我暗示，你希望你的云和其他内容以不同的方式溢出。溢出由父级决定，因此要以不同方式处理溢出，您需要有两个父级：一个用于云，另一个用于内容

如果您选择这样做，将云父级设置为绝对定位将使其脱离正常的文档流，从而不会干扰其他内容。设置溢出会使其按您所希望的方式运行

width: 100%; /* Spans the whole document */
overflow-x: hidden; /* Hides overflow instead of displaying it */
position: absolute;
top: 0; left: 0;

另一个解决方案是为您的云和其他内容以相同的方式处理溢出。如果这样做，可以将其设置为隐藏在共同的父元素上，如主体

---

第二个解决方案可能更有意义，因为它是1。简单和2。除了云层溢出之外，您不太可能有任何其他内容。

从以下代码中删除

overflow-y:hidden

：

html {
    overflow-y: scroll; /* Remove This Line */
    -webkit-font-smoothing: antialiased;
}

并在车身上应用以下样式：

body {
    overflow-y: auto;
    overflow-x: hidden;
}

---

希望它能起作用。

但是云需要覆盖其他元素-对于我要使用的视觉元素，因此它们需要比底层更高的z索引。那也有可能吗？哦，好的。我假设你想把它们藏在下面。这两种方式都会奏效；唯一重要的是overflow-x隐藏了云；但是现在我所有的云都是看不见的——与层的z指数无关！？可以查看dekomkomertijd.nlAh，可能是因为其父项的高度为0。尝试在html、正文和云父级上设置高度：100%。对不起，我在车上，否则我会打个盹儿！现在的一个问题是左侧，右上角的社交媒体图标不再起作用（不能按下或悬停），而站点的其余部分起作用。更改媒体div的z索引也没有帮助。。。（抱歉问了这么多问题：））