身高不填页

2018-07-02 01:34:17

这个问题在这里已经有了答案：

使身体有100％的浏览器高度19答案

问题在于，无论内容是否溢出，主体都会保持页面的高度。
如果内容不高于窗口，则使用min-height因此它将成为页面高度，但如果是内容，则会增长以适应内容：

body {
    background: white;
    max-width: 320px;
    min-height: 100%;
    margin: auto;
}

http://jsfiddle.net/bv1aaub6/

改变body元素的height为100%而不是min-height ：

更新示例

这样做时， body元素总是至少有100%的高度，而不是总是有100%的窗口高度（这是你的问题所在）。

body {
    background: white;
    max-width: 320px;
    min-height: 100%;
    margin: auto;
}

您正在将body元素的高度限制为视口的高度。别。

body {
    /* height: 100% */
}

如果你需要它至少那么高，使用min-height 。

演示

链接地址: http://www.djcxy.com/p/89389.html