覆蓋範圍正在擴展到視口外

Question

我有一個覆蓋層應該在打開時覆蓋整個頁面 - 除了突然之外，覆蓋層大於視口大約50px並導致水平滾動。我不確定如何確保疊加層僅覆蓋視口大小？我正在使用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; 

或嘗試：

width: 100%