html - 页眉和页脚有白色边框？

Question

我知道这样的问题一直被问到，我很抱歉再次问这个问题，但我似乎无法自己解决这个问题。我正在尝试添加页眉和页脚，我终于做到了，所以它们的位置正确，但它们并没有填满整个区域，而是被白色包围。我该如何解决这个问题？

https://codepen.io/jaydotxxx/pen/yOvLyv

# 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;
}