Html 如何修理这个箱子？

我有一个包含简单页眉和页脚的框。 问题是在底部出现了一个滚动条，我不会这样做。 我知道这是一个非常愚蠢的问题，但我不知道如何解决它

.盒子{ 宽度：100%； 身高：100%； } .标题{ 背景：番茄； 位置：绝对位置； 排名：0； 宽度：100%； 身高：5%； } .页脚{ 背景：浅绿色； 位置：绝对位置； 底部：0； 宽度：100%； 身高：5%； } 测验 测验 标题 页脚

---

默认情况下，浏览器为正文提供自定义边距。刚定

body{
  margin:0;
}

身体{ 保证金：0； } .盒子{ 宽度：100%； 身高：100%； } .标题{ 背景：番茄； 位置：绝对位置； 排名：0； 宽度：100%； 身高：5%； } .页脚{ 背景：浅绿色； 位置：绝对位置； 底部：0； 宽度：100%； 身高：5%； } 测验 测验 标题 页脚 Applymargin:0表示实体

身体{ 保证金：0； } .盒子{ 宽度：100%； 身高：100%； } .标题{ 背景：番茄； 位置：绝对位置； 排名：0； 宽度：100%； 身高：5%； 填充：10px 0px } .页脚{ 背景：浅绿色； 位置：绝对位置； 底部：0； 宽度：100%； 身高：5%； 填充：10px 0px } 测验 测验 标题 页脚 正文{margin:0}或左：0到位置：绝对元素