【发布时间】:2016-08-25 18:34:32
【问题描述】:
我已阅读此CSS overflow-x hidden and overflow-y visible(以及许多其他帖子),但在我的特定情况下我无法让它工作。
我正在使用 slick-slider 并想添加下拉导航。所以我必须使用特殊的标记。
下拉菜单应该溢出滑块。
我在fiddle 中重现了这个问题
感谢您的帮助!
【问题讨论】:
标签: html css drop-down-menu overflow slick.js
我已阅读此CSS overflow-x hidden and overflow-y visible(以及许多其他帖子),但在我的特定情况下我无法让它工作。
我正在使用 slick-slider 并想添加下拉导航。所以我必须使用特殊的标记。
下拉菜单应该溢出滑块。
我在fiddle 中重现了这个问题
感谢您的帮助!
【问题讨论】:
标签: html css drop-down-menu overflow slick.js
将overflow-x 或overflow-y 设置为hidden 会导致另一个被视为具有auto 值。所以 slick-slider 为 y 方向的任何溢出添加了一个滚动条。
您通常可以通过添加 position: absolute 来解决这个问题。但是,绝对定位是基于最近的具有相对定位的父元素。在这种情况下,这是 slick-slide,它是 slick-slider 的子项。因此,下拉菜单仍然位于 slick-slider 内部并且不会溢出。
要解决此问题,请从当前拥有它的所有类中删除 position: relative。我建议添加 position: relative 到包装类。
【讨论】:
问题出在.slick-slider 类中。如果您将height 设置得大一点,您可以通过溢出,虽然我不知道为什么overflow:visible 不起作用。
【讨论】: