【问题标题】:Repeat footer background image horizontally to fill browser window水平重复页脚背景图像以填充浏览器窗口
【发布时间】:2012-04-09 03:50:08
【问题描述】:

我绞尽脑汁想弄清楚这一点。我认为这会很容易:) 我只是希望页脚扩展我的浏览器窗口的宽度,而页脚环绕包含 960 像素内的内容,但由于某种原因它只能填充到 960 像素。这是我的代码:

footer {
background: url(images/footerbkg.jpg) repeat-x bottom center;
width: 100%;
height: 1232px; 

}

footer section.wrap {
width: 960px;
margin: 60px auto 0;
position: relative;
float: left;    

}

【问题讨论】:

  • footer 在另一个设置了宽度的整体容器中吗?如果你能设置一个问题的例子作为小提琴,那会有所帮助。
  • 你好,是的,它在包装内:#wrapper { width: 960px; margin: 0 auto; }
  • 在这种情况下,您需要将其放在包装器下方;)
  • 太棒了!很高兴听到。为了互联网,我会“正式”回答。

标签: footer


【解决方案1】:

许多网站的页脚都包含在一个整体包装器中。确保您已将页脚 div(或页脚标记,如果您使用 HTML5)放置在包装器之外。如果是,100% 宽度应该填满屏幕。

【讨论】:

    猜你喜欢
    • 2013-10-27
    • 1970-01-01
    • 2014-03-30
    • 2010-10-17
    • 1970-01-01
    • 2011-08-04
    • 1970-01-01
    • 2019-11-20
    • 2011-11-21
    相关资源
    最近更新 更多