如何让我的盒子停止制作白色空间？

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;
}