白色空间右侧的页面

Question

我几天前上传了WordPress，发现本地主机上的那个和网站 www.noteid.com 上的那个不同。

网站上的那个在右侧有白色空间：

所以我用我的主题和WP所拥有的那个来测试它：二十四个

所有其他主题的工作正常，但其中两个。

似乎：html { overflow-x: hidden }有效，但我想找出导致问题的原因。我花了2天时间进行研究，感觉没有任何效果。

任何人都可以帮我指出我的网站发生了什么吗？

提前感谢。

这是CSS：http://jsfiddle.net/n9zqygcj/

Answer 1

发生这种情况的原因是#footer宽度是页面的105％。 你需要改变：

#footer {
    padding-left:0;
}
#colophon {
    margin-left:5%
}

这样页脚不会超过应有的长度。

编辑：

这是更新后的CSS。

http://jsfiddle.net/n9zqygcj/2/

Answer 2

<a>标记的<div id="footer">标记应分配class，例如<a href="#" class="footerlink">然后应在样式表中添加以下样式：

.footerlink {
     display: block;
     width: 100%;
     overflow: hidden;
}

除此之外，还要在样式表中添加以下样式：

.metaslider {
     overflow: hidden;
}

希望这样可以消除您在网站上面临的额外空白区域问题。