【问题标题】:CSS overflow-y: visible, overflow-x: hiddenCSS 溢出-y:可见,溢出-x:隐藏
【发布时间】: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


    【解决方案1】:

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

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

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

    【讨论】:

    • 您能在这里更具体地回答您的问题吗?将绝对位置添加到什么?
    【解决方案2】:

    问题出在.slick-slider 类中。如果您将height 设置得大一点,您可以通过溢出,虽然我不知道为什么overflow:visible 不起作用。

    【讨论】:

      猜你喜欢
      • 2015-04-17
      • 2011-07-09
      • 1970-01-01
      • 2011-09-19
      • 1970-01-01
      • 2017-12-07
      • 2021-11-15
      • 1970-01-01
      相关资源
      最近更新 更多