2016-11-12 139 views
2

我需要一个div,它有很多内容并且水平滚动。内容(内部div s)有下拉菜单,当菜单打开时,它们应该呈现在外部div的边界之外。overflow-y覆盖overflow-x

像这样:

enter image description here

但是,当我设置

overflow-x: scroll; 
overflow-y: visible; 

我的下拉菜单不能正常打开,它们被包含在包装内div,我需要向下垂直滚动看他们。

的jsfiddle:https://jsfiddle.net/dk58t1ay/1/

它看起来像overflow-x:scroll覆盖overflow-y:visible。我能做些什么呢?

+0

请检查此链接:-http://stackoverflow.com/questions/6497373/make-content-horizo​​ntally-scroll-inside-a-div –

+0

我认为你将不得不使用'位置:绝对'在第一张牌做到这一点https://jsfiddle.net/dk58t1ay/3/ –

+0

@NenadVracar然后这个元素停止水平滚动。我需要用其他元素来滚动它。 – kurtgn

回答

1

您可以通过position: absolute将其设置为.card,但您需要为其他元素重写样式。

https://jsfiddle.net/dk58t1ay/6/

+0

然后这个元素停止水平滚动。我需要用其他元素来滚动它。 – kurtgn

+0

它不再滚动,因为你需要重写你的内部元素的样式,他们现在定位有点不同了。 –