1

我的 html 具有以下结构：

<div class="christmas_footer_wrapper">
    <div class="christmas_footer">
        <div class="christmas_bottom">
            <h1><span class="christmas_titles otherlink"></span></h1>
        </div>
    </div>
</div>

的CSS：

.christmas_footer_wrapper{
    margin:225px auto 0 auto;
    clear:both;
    width:100%;
    height:auto;
    background-color:#000000;
}
.christmas_footer{
    margin:0px auto;
    padding:0px;
    background-image:url("images/footer.jpg");
    background-repeat:repeat-y;
    min-height:281px;
    width:1261px;
}
.christmas_bottom{
    width:1000px;
    margin:0px auto;
    padding:0px;
}

问题是我的背景图片是1261px我将宽度设置为1261px并在 y 轴上重复。

现在，正如您想象的那样，当您放大并且屏幕变1261px小时，它会将内容推到右侧。

现在我想知道如何解决这个问题，就好像我将宽度设置为100%向左裸露并在 x 轴上重复并且也不保持中心。

有没有人知道如何解决这个问题？

先感谢您。

4

2 回答 2

1

请尝试将此属性添加到.christmas_footer下面的类中background-repeat:repeat-y;，

background-position:center;
于 2013-11-05T09:56:31.807 回答
0 
background-position:center;

这一切

于 2013-11-05T11:15:39.573 回答