Question

我在页面底部有一个包含在“main”元素中的重复图像，我希望它沿着整个x轴延伸;现在，“main”具有固定的宽度，因此图像只会重复直到那一点。

我怎么能超越它呢？如，整个x轴？

主：

.main {
margin:0 auto;
width:960px;
position:relative;
}

页脚：

footer  {
padding:49px 20px 0;
height:98px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/bg_bottom.png);
}

来源实施：

<div class="main">
        <footer>

                [content]

        </footer>
</div>

Answer 1

要做到这一点，你必须使用职位。特别是，您需要一个包含position:absolute和width:100%的页脚（其中包含background-repeat:repeat-x的图片）。

您可以找到更多信息搜索页脚位置，例如：