Html 为什么主容器上有垂直滚动条？

我在这里很困惑。既然主体是100%宽度/高度，主容器也是100%宽度/高度，为什么会有垂直滚动

我创建了一个JSFIDLE来解释这种情况：

身体 html{ 宽度：100%； 身高：100%； 字体系列：投石机MS！重要； 背景色：00b3b3； } .主货柜{ 显示器：flex； 弯曲方向：立柱； 柔性包装：nowrap； 身高：100%； 宽度：100%； 框大小：边框框； } .主标题{ 背景色：099； 身高：10%； } .主页脚{ 背景色：099； 身高：10%； } .主要内容{ 背景色：fff； 身高：100%； } 标题 JECECHEJBHCBJBJRBJRB bbjbhbbk 页脚

---

您不必将主体宽度设置为100%。它将自动占据整个宽度

body,html{
 /*width:100%;*/
 height:100%;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-family:"Trebuchet MS !important";
 background-color:#00b3b3;
} 

---

您不必将主体宽度设置为100%。它将自动占据整个宽度

body,html{
 /*width:100%;*/
 height:100%;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-family:"Trebuchet MS !important";
 background-color:#00b3b3;
} 

默认情况下，body标记的边距取决于浏览器，例如在chrome中，它的边距：8px您必须通过

body{
  margin:0;
}

请参见更新的

默认情况下，body标签的边距取决于浏览器，例如chrome中的边距：8px您必须通过

body{
  margin:0;
}

---

请参阅更新的

您必须重置默认正文边距

body,html{
width:100%;
height:100%;
font-family:"Trebuchet MS !important";
 background-color:#00b3b3;
  margin:0px; //reset default body margin
}

---

每个标签都有默认的css属性，这取决于浏览器。

您必须重置默认的正文边距

body,html{
width:100%;
height:100%;
font-family:"Trebuchet MS !important";
 background-color:#00b3b3;
  margin:0px; //reset default body margin
}

每个标记都有默认的css属性，这取决于浏览器。

将此添加到代码中：

body { margin: 0; }

所有浏览器都有默认的样式表。它提供了一组基本样式

以下是来自W3C的默认样式表示例：

从示例中可以看到，body{margin:8px；}是推荐的默认设置

将边距空间添加到高度时：100%会导致溢出

因此，添加body{margin:0；}以覆盖默认值。

将此添加到代码中：

body { margin: 0; }

所有浏览器都有默认的样式表。它提供了一组基本样式

以下是来自W3C的默认样式表示例：

从示例中可以看到，body{margin:8px；}是推荐的默认设置

将边距空间添加到高度时：100%会导致溢出

---

因此，添加body{margin:0；}以覆盖默认值。

虽然这是真的，但它不是问题的答案。考虑发表评论，虽然这是真的，但这不是问题的答案。考虑发表评论。