html - Div 填充不消失;白色边框

标签 html css padding margins

#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,所以为什么边框仍然存在我不知道。背景颜色填充在“标题”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>

最佳答案

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

关于html - Div 填充不消失;白色边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35591142/

相关文章:

css - 解决响应式设计中的 CSS 填充问题

html - 将滚动条添加到 HTM 文件中的特定表格

javascript - html5输入类型范围始终指向最小值并且在文本输入上没有得到onChange

javascript - 如何在 JS 中旋转图像后更改图像 css?

html - 从导航栏 UL css 中删除填充

css - Firefox(仅)有一个奇怪的边距/填充行为

html - 灵活的圆 Angular 框,带阴影,使用图像

html - 两个具有相同图像的图像类型按钮

jQuery Mobile Listview 长项

javascript - 我正在使用 Angular 代码调用其余 api 并将其显示在屏幕上