オーバーレイがビューポートの外側に広がっています

Question

オーバーレイが開いたときにページ全体を覆うことになっています。オーバーレイが突然ビューポートよりも約50ピクセル大きくなり、水平スクロールが発生します。オーバレイがビューポートのサイズのみをカバーするようにする方法がわかりません。私はwidth: 100vwを使用していましたが、それは完璧に動作しました。今では、さまざまな画面サイズのvwの中にサイズを維持できないようです。

.modal-footer-large { 
     height: 100%; 
     background-color: white; 
     position: fixed; 
     z-index: 1; 
     left: 0; 
     right: 0; 
     top: 40px; 
     overflow: hidden; 
     padding: 10px 40px; 
    } 

Answer 1

カバーサイズ

background-size:cover; 

OR使用してみてください： `ボックスのサイズ変更追加

width: 100%