CSS Overflow-x 隐藏和 Overflow-y

Question

我通读了this question并且没有看到我的问题是否有解决方案。

我创建了一个 CodePen这表明了这个问题。我希望隐藏红色边框左侧和右侧 (overflow-x) 的所有内容，但保持顶部和底部 (overflow-y) 可见。

关于如何实现这种影响有什么想法吗？

Answer 1

将您的 .movi​​e-posters 样式更新为此。并检查这是否是您要查找的内容。

.movie-posters {
  position: relative;
  width: 800px;
  height: 450px;
  margin: 6rem auto;
  border: 4px solid red;
  overflow-x:hidden;
}

i had to increase the height to make it look normal.