Question

我正在制作Wordpress主题，但我的页脚有点问题。我希望它占据窗口的100％，但它只占用1200px。我不知道为什么会这样表现出来。这里有CSS代码

#navigationposition {
    float:left;
    color:#fff;
    width: 100%;
    height:200px;
    position:relative;
    bottom:0;
    left:0;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url("http://www.lasvegasicc.org/wp-content/uploads/2013/08/Las-Vegas-Wallpaper-HD.jpeg");
}

Here's the link to the website

Answer 1

您的div id=#container限制页脚不超过1200px。这发生在这里：

#container {
max-width: 1200px;
background-color: transparent;
margin: 0 auto;
}

您可以将页脚的内容从容器中取出，也可以从容器规则中删除max-width:1200px。

希望得到这个帮助。

Answer 2

您的页脚位于div#container内，宽度为1200像素。从div#navigationposition移出div#container，它应该没问题;）

Answer 3

这意味着您将此div（navigationposition）放置在另一个具有固定宽度的div中，并限制您的DIV。如果您无法访问构成您的代码，（很少有网站不允许您更改容器）那么我认为唯一可能的方法是使此DIV（navigationposition）绝对，底部= 0（结果不会相同）当你滚动）如果您可以访问所有代码，则更改包含div（navigationposition）

的div的宽度

/*if you can change it*/

#container {
  /*width:1200px;*/
  width:100%;
}

  /*Only if you cannot change its container*/

#navigationposition {
  float:left;
  color:#fff;
  width: 100%;
  height:200px;
  position:absolute;
  /*position:relative;*/
  bottom:0;
  left:0;
  background-attachment: fixed;
  background-origin: initial;
  background-clip: initial;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url("http://www.lasvegasicc.org/wp-content/uploads/2013/08/Las-Vegas-Wallpaper-HD.jpeg");
}

页脚CSS问题

3 个答案: