css - body 背景和高度

Question

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

好像body height 100%等于viewport height？为什么？我做错了什么？

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% 高度确实表示视口(viewport)的高度。如果你想让它成为图像的高度，你应该使用图像的像素高度。如果你想让它扩展到内容的大小，你可以使用 min-height 属性(设置为 100%)。