Overflow-x：hidden也隐藏了y内容

Question

我有一个带有一些文字和图像的容器，以及一个导航div ，它应该（当时机成熟时）从右边滑入。

为了实现这一目标，我将 div 推到屏幕右侧并将overflow-x: hidden放在它的容器上以隐藏它，然后在需要时将其推回屏幕。

问题，当我在容器上设置overflow-x: hidden时，它还会剪切导航的垂直内容。
Here's a fiddle with a demo。

我尝试了什么：

• 为overflow-y
设置不同的值
• 将导航div 放置在内容容器内外的不同容器中

这些似乎都不起作用。

我已经查看了类似问题的其他问题，但没有解决我的问题 - 他们建议不适合我的情况的替代解决方案。

谢谢！

Answer 1

这是来自CSS中的.img类，您拥有height: 200px;。您正在加载的图像实际上是310px高，因此您可以截断底部的第三个（大约）。