Div 填充不消失；白色边框

Question

#page-container {
  position: absolute;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
#header {
  background-color: #f9f8e5;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-top: -10px;
  padding: 0px;
  border: 0px;
  width: 100%;
  height: 200px;
}

<div id="container">

  <div id="header">
    <center>
      <br>
      <a href="index.html">
        <img src="images/logo.png">
      </a>
    </center>
  </div>

</div>

只是一个快速的解决方案，解决方案可能有些明显并且正在躲避我，基本上我的容器 div 周围有一个边框，我的网站，边距，填充和边框都设置为 0 所以为什么边界仍然存在我不知道。背景颜色填充在'header' div，从这里我可以看到div两边明显的白线。感谢任何帮助，代码如下。

CSS:

#page-container 
{
position:absolute;
margin: 0px;
padding: 0px;
border: 0px;
}

#header 
{
background-color: #f9f8e5;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-top: -10px;
padding: 0px;
border: 0px;
width: 100%;
height: 200px;
}

HTML:

<div id="container">

        <div id="header">
        <center>
        <br>
        <a href="index.html"><img src="images/logo.png"></a>
        </center>
        </div>

<REST OF WEBPAGE>

</div>

Answer 1

<body> 元素在浏览器中默认设置了边距。设置 body { margin:0; }，你不应该再有边距了。

Answer 2

css

body {
  margin: 0px;
}
#page-container 
{
position:absolute;
margin: 0px;
padding: 0px;
border: 0px;
}

#header 
{
background-color: #f9f8e5;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-top: -10px;
padding: 0px;
border: 0px;
width: 100%;
height: 200px;
}

https://jsfiddle.net/ozbkr3sL/

当然你没有提供页面的完整代码，但这个 css 应该会有所帮助。

Answer 3

您应该为主体本身设置所需的颜色和属性，而不仅仅是容器。在背景中放入不同的颜色以进行测试。从您发布的片段中，这是我能看到的最好的片段。如果你有一个完整的 link 那会有所帮助。

body{ margin:0; }

body{
    margin: 0px;
    padding: 0px;
    border: 0px;
    color: yellow;

}

Div 填充不消失；白色边框

Div padding not disappearing; white border

html

css

margins

padding