文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么当背景颜色设置为身体时，身体边缘不导致白色边框？

问为什么当背景颜色设置为身体时，身体边缘不导致白色边框？
EN

Stack Overflow用户

提问于 2020-01-15 06:11:58

回答 2查看 333关注 0票数 0

默认情况下，主体有一个8 8px的边距。如果我为body设置了背景色声明，整个页面都会被该颜色填充。因为边距在元素之外，所以我预计外面会有一条白色的带。我想可能是在屏幕之外添加了页边距，但使用Chrome工具，我可以看到页边距在页面的边界之内。为什么身体边缘是这样工作的？

body {
  background-color: #ccc;
}

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-15 06:15:16

如果html没有背景色，它的颜色与body相同。如果您希望在body周围有一个边距，只需添加

html {
    background: white;
}

票数 2

Stack Overflow用户

发布于 2020-01-15 06:50:08

您的浏览器采用内部根颜色：

它能找到的第一种颜色是#ccc，所以html会把它拿走。

body {
  background-color: #ccc;
}

您需要一个与body不同的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%
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59745957

复制

相似问题

问为什么当背景颜色设置为身体时，身体边缘不导致白色边框？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么当背景颜色设置为身体时，身体边缘不导致白色边框？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么当背景颜色设置为身体时，身体边缘不导致白色边框？
EN