我怎样才能溢出只隐藏在一侧答案

【问题标题】：How can I overflow hidden on one side only [duplicate]我怎样才能溢出只隐藏在一侧
【发布时间】：2021-09-26 17:55:40
【问题描述】：

我正在 Webflow 上建立一个网站，现在应该快速构建的部分让我抓狂。我有一个 flexbox 容器，里面有 2 个 div。左边的 div 是“关于我们”的部分，右边是一个滑块，其中有几张相距约 30 像素的照片。我希望滑块从页面的右侧溢出，但是当我溢出时，单击时幻灯片会覆盖左侧的 about 部分。我一直在寻找自定义 CSS 或 jquery 以仅在一侧隐藏溢出，但我找不到任何东西。

【问题讨论】：

请提供一些minimal-reproducible-code 供任何人帮助您。
请提供您已经尝试过的 CSS，正如 Keshav 所说，请提供最小的可重现代码。您可以使用 codepen.io 作为代码。
请提供相关代码块，以便更好地理解您的问题。

标签： javascript jquery css webflow

【解决方案1】：

溢出，很遗憾，不能只设置在一侧。至少在大多数情况下。 Overflow-x:hidden 自动设置overflow-y:hidden。

您必须自己编写代码。你试过玩 z-index 吗？

【讨论】：

是的，我试过 z-index，绝对定位 div 在 about me 下方但在滑块上方。这只是一团糟哈哈。我不是真正的编码员，但我足够了解它。我希望有人可以分享我可以使用 jquery 或 css 添加的自定义代码，这可以解决问题，
你有例子吗？您的代码和 HTML 甚至是屏幕截图都会非常有帮助。就我而言，我有一个可滚动的顶部导航（带有自定义滚动条），并且需要一种方法来让下拉菜单在容器下可见。我的解决方案是将下拉列表移动到 body 元素，绝对定位它们并根据相关的导航项元素使用几行代码添加位置。在你的情况下，也许你可以在整个事情上戴上面具。见此链接：[链接]css-tricks.com/clipping-masking-css