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

当我尝试通过添加一些极好的信息框来设计我的网站时，我的框伸出页面并添加空白区域。如何让我的盒子停止制作空白空间？

这是问题的一个屏幕截图（注意右边的空格）： Problem

这里是相关的代码：

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

来源

2016-10-03 Jonas Bang

??你的html中的class =“projectbox”是哪里？ p＆p是两种不同的caractere :) –

您确定空白区域来自您的信息框而不是您的背景图像吗？ – Hutch

它不是从我的背景图像，因为如果我删除它的中心框 –

我假设你有一个身体标记的地方。尝试添加下面的CSS来格式化正文。

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

来源

2016-10-03 18:31:22 Hutch

我试图做到这一点，但没有工作仍然很多空白？ –

我觉得它不是造成这种情况的盒子，但很难说没有看到你的HTML和CSS的其余部分。你有没有试过评论盒子的代码并确保空白空间消失？ – Hutch

是的，当我注释掉空间消失的方块 –

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

回答

相关问题