如何防止Chrome占据窗口高度的100％？

Question

我在Firefox或Opera Presto中没有遇到此问题，但在Chrome浏览器的页面上没有指定高度，身体始终占据窗口高度的100％。所以基本上这意味着如果身体内容适合较小的窗口高度，那里将留有空间。

是否有办法抑制此行为并使其相对于正文中的内容量崩溃，就像在其他浏览器中一样？

css正文规则是：

body {
 width     :840px;
 margin    :7px auto;
 background:#f8f8f8;
 border    :1px solid #888;

}

Answer 1

您可以将主体设置为浮动以实现此效果。

body {
   float:left;
}

编辑：我看到你正在使用body作为容器元素。也许你把所有的东西放进一个容器div并且根本不打造身体样式会更好吗？

Answer 2

我注意到在某些页面上，例如404，Chrome默认情况下会将display:flex;应用于正文。你可以尝试一下：

body{
    display:block;
}