可以有可滚动的div，孩子们可以溢出：可见吗？

Question

我在一个可滚动的旁边菜单中为包含缩略图的网站工作。我一直试图在悬停时让图像“溢出：可见”，因此放大时图像不会被容器切断。

棘手的部分是，我希望保持垂直滚动的可能性（从而禁用溢出：可见）。任何建议/黑客如何解决这个问题？我还没有找到可行的解决方案:(

以下是代码笔：http://codepen.io/anon/pen/lwaGv

Answer 1

W3C规范：

'overflow-x'和'overflow-y'的计算值与它们的指定值相同，除了某些与'visible'的组合是不可能的：如果一个指定为'visible'而另一个是'滚动'或'自动'，然后'可见'设置为'自动'。如果'overflow-y'相同，'overflow'的计算值等于'overflow-x'的计算值;否则它是'overflow-x'和'overflow-y'的计算值对。 ：（

我也尝试了 z-index 和重要规则但都失败了。这是你需要的吗？

http://i.stack.imgur.com/9uYOC.png

修改

也许你可以看看这个。我使用多个div并修复了div的宽度，以便它们不会在鼠标悬停时裁剪照片。您可以调整容器的高度。容器的背景可以设置为透明。

<强> http://codepen.io/anon/pen/pIEih

PS：如果需要滚动条，则内部（可滚动）div必须具有宽度，以便在尺寸增加（onhover）时可以容纳照片。同样，必须调整外部div的宽度。

<强> codepen.io/anon/pen/fhyAa