Question

我正在尝试在div容器的顶部创建一个div（灰色背景），我不能使它与背景宽度大小匹配，因为块的左侧有一个间隙。 / p>

有人可以解释我为什么吗？

body {
    background-color: #a71930;
}
.container {
    height: 1200px;
    width: 1200px;
    background-color: white;
    margin-top: 50px;
}
div#about {
    height: 400px;
    width: 1200px;
    background-color: #a5acaf;
    margin-left: 0px;
}

   

<body>
  <div class="container">
    <div id="about"></div> 
  </div>
</body>

codepan

Answer 1

我无法在codepen中重现您的问题，但您可以尝试在此处解决此问题。

1 - 将每个html元素的边距和填充重置为0。将以下代码添加到CSS文件中。

*{
    margin: 0;
    padding: 0;
 }

2 - 将第二个div的宽度设置为100%

Answer 2

使用css代码

.container{padding:0px}

Answer 3

我相信您提到的“差距”只是因为您没有重置<body>代码的边距。

将其设置为 0 ，如下所示：

body{margin: 0;}

无法正确定位div

3 个答案: