CSS Overflow-x隱藏和溢出-y

Question

我通過this question閱讀，並沒有看到是否有解決我的問題。

我創建了一個顯示此問題的CodePen。我希望隱藏紅色邊框的左側和右側（overflow-x）的所有內容，但保持頂部和底部（overflow-y）可見。

關於如何實現這種影響的任何想法？

Answer 1

更新您的.movi​​e海報風格。並檢查這是你在找什麼。

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

我不得不增加高度，使它看起來正常。