消除网站水平滚动

Question

我一直在改变很多事情到我的网站，现在我以某种方式创建它不适合屏幕，并有一个微小的滚动向右。有人可以看到造成这一问题的问题。

想摆脱右手边的黑色。只有顶部和底部应该是黑色的。

www.jobspark.ca是网站

UPDATE 所以这是的代码是导致黑空行。但是，当我删除100％的图像收缩回适合960像素的网站宽度。有任何想法吗？我已经准备好放弃哈哈Squarespace不容易修改

#collection-513d5347e4b0abff73be5267 #site > .wrapper { 
max-width: 100%; 
padding: 0 0px; 
margin: 0 auto; 
} 

Answer 1

我的猜测是，你必须width:100%你的div元素，这迫使每个元素的客户区，填补了浏览器。现在，因为元素的边框在每一边都添加了一个附加像素，所以最终会出现一个滚动条。

我建议您从div元素中省略width:100%。它应该自动扩展到其父母的100％，并且应该可以解决您的问题。

如果所有的失败，这应该工作，

overflow-y: auto; // or replace auto with scroll 
overflow-x: hidden;