Html 重复图像是否扩展到其包含/父元素之外？

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

我怎样才能让它超越这个范围呢？如中所示，整个x轴

主要内容：

页脚：

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>

[内容]

要做到这一点，您必须使用位置。特别是，您需要一个页脚，页脚的位置为：绝对值，宽度为：100%（在页脚内部，图像的背景为：repeat-x）

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

---

将背景图像规则移动到页脚不就可以了吗？。。。它还没有应用到CSS中的页脚上吗？他指的是实际的html页面通过在底部放置一个repeat-x来设置背景图像。我不熟悉。。。这不是一种不推荐的方法吗？

<div class="main">
        <footer>

                [content]

        </footer>
</div>