体宽100%的页面不是屏幕

时间:2011-12-05 10:22:52

标签: css image background width

我的页面正文中有一个背景图片设置在右下角。但是当页面内的内容超出屏幕时,背景图像停在屏幕边缘而不是实际内容结束的位置。

这是相关的css:

html, body {
    margin : 0;
    padding : 0;
    font-family : arial, sans-serif;
    background-color : #15242d;
    height: 100%;height:auto;
    min-width: 100%;width:auto;
    font-size: 15px;
    color: #959595;
}

body {
    background-image : url(images/body_bkg.gif);
    background-repeat: no-repeat; 
    background-position:right bottom;
}

解决此问题的最佳方法是什么?

1 个答案:

答案 0 :(得分:4)

如果您还没有,则需要将网站内容包含在包含div的内容中,该内容将扩展到内容的大小。然后,您需要将背景图片应用于div,而不是将其放在body上。