html - CSS 溢出-y : visible, 溢出-x: 隐藏

Question

我读过这个CSS overflow-x hidden and overflow-y visible (以及很多其他帖子)但我无法在我的具体情况下使用它。

我正在使用 slick-slider并想添加下拉导航。所以我必须使用特殊标记。

下拉菜单应该溢出 slider 。

我在 fiddle 中重现了这个问题

感谢您的帮助!

Answer 1

将 overflow-x 或 overflow-y 设置为 hidden 会导致另一个被视为具有 auto 值。所以 slick-slider 为 y 方向的任何溢出添加了一个滚动条。

您通常可以通过添加 position: absolute 来解决这个问题。然而，绝对定位是基于最近的具有相对定位的父元素。在本例中，它是 slick-slide，它是 slick-slider 的子项。因此，下拉菜单仍位于 slick-slider 内，不会溢出。

要解决此问题，请从当前拥有它的所有类中删除 position: relative。我建议添加 position: relative 到包装器类。