页面右侧的空白处

Question

我的网页右侧存在不需要的可用空间问题。这里是我的网页：

我添加这些代码

html,body 
{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow-x: hidden; 
} 

，它的解决我的问题，但是，它禁用网页页脚图标我怎么能做到这一点？

这是网页：

webpage url

Answer 1

不要加入这样的代码，而是需要纠正在页脚部分的HTML代码。其实它看起来像这样

<footer id="site-footer" class="footer "> 
 
    <div class="container"> 
 
    </div> <!-- issue here !!--> 
 
    <div class="row" itemscope="" itemtype="http://schema.org/Organization"> 
 
    <div class="contacts"> 
 
     <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> 
 
     <div class="contacts-item"> 
 

 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</footer>

您已经关闭了容器的DIV严重，则应在行格后关闭。这就是为什么你有空白空间，因为行类添加了由容器纠正的负边距。

Answer 2

你的元素之一，它造成了这个余地。为了找出你可以设置所有元素的轮廓边框为1px红色，然后修复它。

*{ 
outline: 1px solid red; 
} 

Answer 3

错误在你的HTML footer > container关闭标签

编辑另一个错误

//1: header mistake - Position 
//the problem is position: relative in header media query on the theme-styles.css 

    .header @media (max-width: 768px){ 
    /* position: relative; */ /*remove this*/ 
     animation: none !important; 
     padding: 0px 0; 
    } 

//2: footer mistake - container closing tag 
    <footer id="site-footer" class="footer "> 
     <div class="container"> 
      //container closed here 
     </div>//remove this close tag 
      <div class="row>"---</div> 
      <div class="sub-footer large">---</div> 

     </div>//container close here 
    </footer>