为什么为主体设置背景颜色时主体页边空白不会引起白色边框?

问题描述 投票:0回答:3

默认情况下,正文的边距为8px。如果我为主体设置背景颜色声明,则整个页面将填充该颜色。由于边缘不在元素的外部,因此我预计外部会出现白色带。我以为可能在屏幕外添加了页边距,但是使用Chrome开发工具,我可以看到页边距内的页边距。为什么身体边缘如此工作?

body {
  background-color: #ccc;
}
css
3个回答
2
投票

如果html没有背景色,则与body相同。如果要在body周围留一点空白,只需添加

html {
    background: white;
}

0
投票

您的浏览器采用内部根色:

Use padding instead:

它可以找到的第一种颜色是主体的#ccc,因此html接受它。

body {
  background-color: #ccc;
}

您需要一种与正文不同的html单独颜色样式:

html {
    background: white;
}

body {
  margin: 8px;
  background-color: #ccc;
}
enter image description here

但是,因为体内没有内容,所以没有身高。我们需要同时设置html和body的高度,以占用您浏览器的100%。

html {
    background: white;
}

body {
  margin: 8px;
  background-color: #ccc;
}

html,body{
  height:100%
}

-1
投票

默认情况下,正文的8px边距可以在CSS中添加此规则。然后您的背景色将覆盖您的所有页面。

body {
        margin: 0px;
        padding: 0
    }
© www.soinside.com 2019 - 2024. All rights reserved.