CSS overflow-y：visible，overflow-x：hidden

Question

我已经阅读了这篇CSS overflow-x hidden and overflow-y visible（还有很多其他帖子）但我不能在我的具体情况下使用它。

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

下拉列表应该滑过滑块。

我在fiddle

中重新创建了问题

感谢您的帮助！

Answer 1

将overflow-x或overflow-y设置为hidden会导致另一个被视为具有auto值。因此，光滑滑块为y方向上的任何溢出添加滚动条。

你通常可以通过添加position：absolute来解决这个问题。但是，绝对定位基于具有相对定位的最近父元素。在这种情况下，这是光滑的幻灯片，这是光滑滑块的孩子。因此，下拉列表仍然位于光滑滑块内，并且不会溢出。

要解决问题，请从当前拥有它的所有类中删除position：relative。我建议添加position：相对于包装类。

Answer 2

问题出在.slick-slider课程中。如果你设置一个更大的height，你可以过去溢出，虽然我不知道为什么overflow:visible不起作用。