CSS Overflow-x非表示とオーバーフロー-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; 
} 

私はそれが通常見えるように高さを上げる必要がありました。