html - 是否有重复图像延伸到其包含/父元素之外？

Question

我在页面底部有一个包含在“主”元素中的重复图像，我希望它沿着整个 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>

score 0 · Accepted Answer

为此，您将不得不使用职位。特别是，您将需要一个带有position:absoluteand的页脚width:100%（在其中，带有的图像background-repeat:repeat-x）。

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

1 回答 1