Question

我有下面的CSS

html, body {
    margin:0 0;
    padding:0 0;
    background:#444;
    height:100%;
} 

#page {
    width: 900px;
    margin: 0 0;
    height:100%;
    background: url(imgs/bk.png) repeat-y;
}

但它没有将我的背景扩展到布局的整个末尾，只是显示我#444444的身体背景颜色。

请欣赏任何帮助。该网站位于http://www.benfolio.net/new/

编辑：已解决 我和他们一起出去了，然后又回来看了一眼，第一次改变我修好了，改变如下。
html, body { margin:0 0; padding:0 0; background:#444; }

#page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; overflow:hidden; }

简单地从html，body部分中取出'height：100％'然后默认为页面div只有100％。感谢您提供的帮助

Answer 1

给#page样式overflow: hidden。

Answer 2

将#page更改为

#page {
    position: absolute;
    width: 900px;
    margin-left: -450px;
    left: 50%;
    top: 0;
    bottom: 0;
    background: url(imgs/bk.png) repeat-y;
}

Answer 3

解决：我出去和他们一起出去看了一眼，然后回来看看它，我先修改了它，改变如下。

html, body { margin:0 0; padding:0 0; background:#444; }

#page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; overflow:hidden; }

简单地从html，body部分中取出'height：100％'然后默认为页面div只有100％。感谢您提供的帮助

高度不延伸整页

3 个答案: