我有一个非常奇怪的错误,它涉及 body 或 html 元素上的额外间距。此间距不会出现在普通浏览器的可视区域中,只有在您将鼠标滚动到屏幕右侧时才能看到。
请查看我设置的登台站点,以了解我的意思。http://silo.radishlab.com
我将假设这是我为自己创建的一些 css 错误,但我无法追踪源代码。
我有一个非常奇怪的错误,它涉及 body 或 html 元素上的额外间距。此间距不会出现在普通浏览器的可视区域中,只有在您将鼠标滚动到屏幕右侧时才能看到。
请查看我设置的登台站点,以了解我的意思。http://silo.radishlab.com
我将假设这是我为自己创建的一些 css 错误,但我无法追踪源代码。
你有2个罪魁祸首。
你的<footer id="colophon">
haswidth: 100%
和 left 填充61px
。移除左边的内边距,而是将内边距放在父元素中<div class="footer-container">
。
设置<article id="slider">
为overflow:hidden
.
在您的样式中,您有 40 像素的左右填充.footer-container footer
,将其推出超过 100% 的限制。
您可以通过使用类似的东西box-sizing: border-box;
(需要供应商前缀)来解决这个问题
或者通过移除填充并使用不同的方法来获得该空间而不推出容器宽度。