Question

当div溢出身体时，身体背景颜色也会溢出。这是在CSS规范中定义的吗？我找不到了。

当我检查调试器中的元素时，身体区域看起来应该是这样，但它的背景仍然延伸。

您可以在下面找到示例代码：

＆＃13;

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: fuchsia;
}
#bar {
  display: inline-block;
  background-color: blue;
  width: 150%;
  height: 20px;
}

＆＃13;

<div id="bar"></div>

＆＃13;

Answer 1

<body>是文档中所有内容（包括每个元素）的最终父级。

因此，<body>中的子元素不能超出<body>的限制。

因此，如果您提供的任何元素width比width的当前<body>更宽，则文档<body>会自动展开以包含它。

Div背景溢出

1 个答案: