Css不需要的右边距,粘性页脚不固定

时间:2017-04-01 17:14:21

标签: wordpress css3 sticky-footer

在我的网站上,我的右边有不需要的白边,我不知道为什么。我网站上的所有容器都是包含流体的,而且我添加到我的css中没有填充,没有容器的边距。

  html,
page {
    width: 100%!important;
     margin:0;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-right:0px;
    padding-left:0px;
    color:#333;


}
container, container-fluid {
width:100%0!important;
padding:0!important;
margin:0!important;
}

我想在网站上放一个页脚,我尝试了位置:绝对和边距底部,也试过溢出隐藏但它对我不起作用。

 <div class="navbar navbar-inverse  navbottom">



   .navbottom {

background: url(../img/footer.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color:#679003;



-moz-border-radius:0px;
border-radius: 0px;
border-style: none;
position: relative;
  margin-top: -50px; /* negative value of footer height */
  height: 50px;
  clear:both;
  padding-top:20px;
overflow:hidden;
margin-bottom:0!important;

完整的HTML和CSS https://jsbin.com/biwuyewipi/edit?html,css,output

站点: http://fotozorza.pl/

2 个答案:

答案 0 :(得分:0)

Firefox检查员告诉我这是你的顶级导航栏。我对Wordpress不熟悉,很抱歉我无法为您提供更多帮助。

检查员也说,其余的都没问题。

答案 1 :(得分:0)

这是因为谷歌地图宽度改为98vw。

编辑:  将以下代码段添加到css

.row{ margin-right:0px; margin-left:0px; }

并减少google map i_frame的宽度。这是问题的原因。