首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS overflow-y:可见,overflow-x:隐藏

CSS overflow-y:可见,overflow-x:隐藏
EN

Stack Overflow用户
提问于 2016-08-26 02:34:33
回答 2查看 3.7K关注 0票数 1

我已经读过这篇CSS overflow-x hidden and overflow-y visible (和很多其他文章),但我不能让它在我的特定情况下工作。

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

下拉列表应该会溢出滑块。

我在fiddle中重现了这个问题

谢谢你的帮助!

EN

回答 2

Stack Overflow用户

发布于 2016-08-26 04:21:49

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

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

要解决此问题,请从当前具有position: relative的所有类中删除它。我也推荐在包装类中添加position: relative。

票数 2
EN

Stack Overflow用户

发布于 2016-08-26 03:24:09

问题出在.slick-slider类中。尽管我不知道为什么overflow:visible不能工作,但是如果你设置一个更大的height,你就可以通过overflow。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39152490

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档