我知道像这样的问题一直被问到,我为再次提问而道歉,但我似乎无法自己解决这个问题。我正在尝试添加页眉和页脚,我最终制作它以使它们正确定位,但它们不会填满整个区域并被白色包围。我该如何解决这个问题?
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;
}
答案 0 :(得分:1)
我认为你正在寻找类似的东西:
body {
margin: 0;
}
答案 1 :(得分:1)
正如您所要求的一般HTML / CSS提示一样,许多网站开发人员都提出:
* {
margin: 0;
padding: 0;
}
位于主css文件的顶部,这会导致浏览器清除所有默认填充和边距(这些是任意的,由供应商设置),以使其页面显示为相同每个浏览器。显然,你需要稍后根据自己的喜好调整一些东西。