chrome中HTML文档下方的空白区域

Question

我有这个页面，它是一个简单的页面演示网站：

website-link

我在页面末尾获得了巨大的空白区域，我不知道为什么。我的文档成功验证为HTML5文档。我也遇到了this thread并尝试了两种补救措施，但都没有效果。

有一点需要注意的是，HTML和Body我有以下规则。

html,body{
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

我不知道它的100％高度是否会导致问题，但我当然无法解决这个问题。

Answer 1

尝试删除填充和边距，并将高度和宽度设置为自动。它可能会解决您的问题。

另外尝试填充底部:(某些负值）//不推荐使用。

仅供参考我没有在Chrome（Mac）网页底部看到任何白色部分。

添加display：block;在css

Answer 2

如果我这样做，我会从中删除HTML。然后我会使用＆＃34; Auto＆＃34;术语。这将形成HTML中的内容。如果你添加一些东西，它会自动改变，反之亦然。这也是我的意见，我不会添加＆＃34;填充＆＃34;和＆＃34;保证金＆＃34;因为他们是零。这只会增加CSS的长度。我希望这就是你要找的东西！

body{
background: #fff;
height: Auto;
width: Auto;
padding: 0;
margin: 0;
}

-Hoyt