身体背景和身高

Question

当我尝试在body元素上设置背景图像并且页面比视口更高时，您可以向上或向下滚动..然后背景图像在scrollTop结束时视口结束的位置开始/结束是0 ..

它的身高100％等于视口高度？为什么？我做错了什么？

html {
    height:100%;
}

body {
    font-family:tahoma;
    font-size:11px;
    color:#333333;
    background:url('/new/gfx/layout.bottom_bg.png') bottom repeat-x #eef7ff;
    margin:0px;
    height:100%;
    overflow-y:scroll;
}

Answer 1

你没有做错任何事;身体的100％高度 表示视口的高度。如果您希望它是图像的高度，则应使用图像的像素高度。如果您希望它扩展到内容的大小，您可以使用min-height属性（设置为100％）。

Answer 2

height:100%等于视口高度。要么不指定高度要么使用min-height: 100%;