我在页面底部有一个重复图像，包含在“主要”元素中，我希望它沿着整个 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>
最佳答案
为此，您将不得不使用职位。特别是，您需要一个带有 position:absolute 和 width:100% 的页脚(在其中，带有 background-repeat:repeat-x< 的图像)。
您可以通过搜索页脚位置找到更多信息，例如:
关于html - 是否有重复图像延伸到其包含/父元素之外？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10611428/