如何讓我的盒子停止製作空白空間？

Question

當我嘗試通過添加一些極好的信息框來設計我的網站時，我的框伸出頁面並添加空白區域。

這是問題的一個屏幕截圖（注意右邊的空格）：

這裏是相關的代碼：

HTML

<div class="Projectbox"> 
     <div class="container"> 
     <div class="Projects"> 
      <p class="TextOne">Projects</p> 
      <p class ="TextTwo">Click to get redirected<br>to all of our projects 
       <div class="Backgroundsknap"> 
       <div class="knap"> 
        <p class="Knap2"><a href="C:\Users\Jonas\Desktop\Godlike Games\Projects.html">Projects!</a></p> 
       </div> 
       </div> 
     </div> 
     </div> 
    </div> 
</div> 

CSS

.projectbox { 
    height: 250px; 
    background-color: #0C3C60; 
    margin-left: 200px; 
    width: 250px; 
    margin-top: 500px; 
    display: inline-block; 
    vertical-align: middle; 
} 

Answer 1

我假設你有一個身體標記的地方。嘗試添加下面的CSS來格式化正文。

body { 
    background-size: cover; 
    background-position: center; 
}