CSS Overflow-x Hidden and 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;
}

  

我必须增加高度以使其看起来正常。