Question

我知道像这样的问题一直被问到，我为再次提问而道歉，但我似乎无法自己解决这个问题。我正在尝试添加页眉和页脚，我最终制作它以使它们正确定位，但它们不会填满整个区域并被白色包围。我该如何解决这个问题？

# container {
  margin: 0 auto;
  padding:40px;
}

#header {
  z-index:0;

    height: 30px;
    background-color: black;
}
#footer {
  z-index:2;
    height: 30px;
    width:100%;
    padding:0px;
    position: relative;
    bottom: 0;
    background-color: black;
}
#image {
  z-index:1;
  height:1000px;
  width:100px;
  margin:20px auto;

  padding:50px;
  background-color:red;

}

Answer 1

我认为你正在寻找类似的东西：

body {
  margin: 0;
}

Answer 2

正如您所要求的一般HTML / CSS提示一样，许多网站开发人员都提出：

* {
     margin: 0;
     padding: 0;
}

位于主css文件的顶部，这会导致浏览器清除所有默认填充和边距（这些是任意的，由供应商设置），以使其页面显示为相同每个浏览器。显然，你需要稍后根据自己的喜好调整一些东西。

页眉和页脚有白色边框？

2 个答案: