我有一个包含一些文本和图像的容器，以及一个导航div，应该（当时机成熟时）从右侧滑入。
为了实现这一点，我想我会将 div 推到屏幕右侧并overflow-x: hidden放在它的容器上以隐藏它，然后在需要时将其推回屏幕。
问题是，当我在容器上设置overflow-x: hidden时，它还会剪掉导航的垂直内容。
这是一个演示的小提琴。
我尝试过的：
- 为
overflow-y设置不同的值 - 将导航div 放置在内容容器内部和外部的不同容器中
这些似乎都不起作用。
我看过其他有类似问题的问题，但没有一个能解决我的问题——它们提出了不适合我情况的替代解决方案。
谢谢！
这是来自您在 CSS 中的.img类，您在那里有height: 200px; .您正在加载的图像实际上是 310px 高，因此您会得到底部三分之一（大约）被剪掉。