Div填充不会消失;白色边框

时间:2016-02-24 00:39:32

标签: html css css3 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>
&#13;
&#13;
&#13;

只是一个快速的解决方案可能有点显而易见并且正在躲避我,基本上我的网站上的容器div周围有一个边框,边距,填充和边框都设置为0所以为什么边框仍然存在我不知道。背景颜色填充在&#39;标题&#39; 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>

3 个答案:

答案 0 :(得分:3)

默认情况下,<body>元素在浏览器中设置了边距。设置body { margin:0; },您就不应该有利润。

答案 1 :(得分:0)

CSS

angular.module('MyApp').controller('VideoCtrl', [
             '$scope', '$stateParams',
    function ($scope,   $stateParams) {
        $scope.play = $stateParams.play;
    }
]);

https://jsfiddle.net/ozbkr3sL/

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

答案 2 :(得分:0)

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

body{ margin:0; }

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

}