有HTML体宽和高度的问题

Question

根据this question，我将我的HTML和正文声明为100％的高度和宽度。然而，它在底部留下了一个我无法移除的空间。

有什么问题？如果我只是删除那个陈述并留下所有东西，高度和宽度百分比都会消失。

我还将margin和padding设置为零，它留下了HTML高度约5％的空间。我已经在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;
}

The one which have scroll bars

Fixed one

说明：如果您看到下面的框模型

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

Answer 3

simply give 
body
{
margin:0px;
}