可视区域外的额外间距

时间:2013-10-30 19:26:30

标签: css html5 wordpress

我有一个非常奇怪的错误,涉及身体或html元素的额外间距。此间距不会出现在普通浏览器的可视区域中,只有在鼠标滚动到屏幕右侧时才会出现这种情况。

请查看我设置的暂存网站,以确切了解我的意思。 http://silo.radishlab.com

我将假设这是我为自己创建的一些css错误,但我无法追踪来源。

2 个答案:

答案 0 :(得分:1)

在你的风格中,.footer-container footer上的左右填充值为40px,将其推出超过100%的限制。

您可以使用box-sizing: border-box;(需要供应商前缀)

之类的东西来解决这个问题

或者通过移除填充并使用不同的方法来获取该空间而不会推出容器宽度。

答案 1 :(得分:1)

你有两个罪魁祸首。

  1. 您的<footer id="colophon">width: 100%,左侧填充61px。删除左边距,然后将该边距放在父元素<div class="footer-container">中。

  2. <article id="slider">设为overflow:hidden