Question

我的HTML内容就像这样开始

<!DOCTYPE html>
<html lang="en">

当此页面在 Chrome [版本42.0.2311.135 m（最新）]中呈现时，我的内容和页脚之间会有很多空白区域。原因是Chrome渲染此页面的方式是这样的。我通过Firebug lite检查时得到了这个。

<html lang="en" debug="true" style="min-height: 667px;">

当此页面在 Firefox [版本37.0.2（最新）]中呈现时，我的内容和页脚之间没有多余的空白区域。这是预期的结果。

通过Firebug进行检查时，我得到了这个，

 <html lang="en" style="min-height: 280px;">

问题：为什么不同的浏览器会为同一视口自动设置min-height？如何摆脱它？我的意思是我不需要667px，因此可以消除那个空白区域。

Answer 1

删除关于高度的所有内联css（在style属性中） - height和min-height并在css中使用小技巧：

html, body {
    min-height: 100%;
    height: auto;
}

Answer 2

尝试规范化css，它使浏览器更加一致地呈现所有元素，http://necolas.github.io/normalize.css/