默认情况下,正文的边距为8px。如果我为主体设置背景颜色声明,则整个页面将填充该颜色。由于边缘不在元素的外部,因此我预计外部会出现白色带。我以为可能在屏幕外添加了页边距,但是使用Chrome开发工具,我可以看到页边距内的页边距。为什么身体边缘如此工作?
body {
background-color: #ccc;
}
如果html
没有背景色,则与body
相同。如果要在body
周围留一点空白,只需添加
html {
background: white;
}
您的浏览器采用内部根色:
它可以找到的第一种颜色是主体的#ccc,因此html接受它。
body {
background-color: #ccc;
}
您需要一种与正文不同的html单独颜色样式:
html {
background: white;
}
body {
margin: 8px;
background-color: #ccc;
}
但是,因为体内没有内容,所以没有身高。我们需要同时设置html和body的高度,以占用您浏览器的100%。
html {
background: white;
}
body {
margin: 8px;
background-color: #ccc;
}
html,body{
height:100%
}
默认情况下,正文的8px
边距可以在CSS中添加此规则。然后您的背景色将覆盖您的所有页面。
body {
margin: 0px;
padding: 0
}