html - HTML正文宽度和高度有问题

Question

根据这个问题，我将我的 HTML 和正文声明为 100% 的高度和宽度。但是它在底部留下了我无法删除的空间。

问题是什么？如果我只是删除该声明并留下所有类似的东西，那么所有具有百分比高度和宽度的东西都会消失。

我还将边距和填充设置为零，它留下了大约 5% 高度的 HTML 空间。我已经在 Chrome 中的检查元素中看到了所有内容，它表明额外的空间包含在正文中，而其他任何地方都没有。

Answer 1

在其他条件相同的情况下，浏览器将为 html 和/或 body 元素添加默认边距和/或填充。

100% 加上一些边距或填充超过 100% 并且会创建滚动。

删除它以删除滚动。

html,
body {
    margin: 0;
    padding: 0;
}

Answer 2

如果您在 HTML 文档中复制了与该问题完全相同的代码，则需要删除padding和border属性，因为这会增加元素的宽度

.Container {
    width: 100%;
    height: 100%;
    border: solid 1px red; /* Remove this */
    margin: 0 auto;
    padding: 0 1em; /* Remove this */
    font: 12px/1.5 Verdana;
    background-color:red;
}

有滚动条的那个

固定一个

解释：如果你看到下面的盒子模型

填充和边框被计算在元素之外，因此您的容器元素已经是 100% 宽度，它添加1em到元素的两侧

Answer 3

simply give 
body
{
margin:0px;
}