消除网站横向滚动

Question

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

希望摆脱右侧的黑色。只有顶部和底部应该是黑色的。

www.jobspark.ca是网站

UPDATE 所以这是导致黑色空间的代码行。但是，当我移除100％时，图像会缩小以适应960px的网站宽度。有任何想法吗？我准备放弃哈哈Squarespace不容易修改

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

Answer 1

我猜您在div元素上有width:100%，这会强制每个元素的客户区填充浏览器。现在，由于元素的边框在每一侧都添加了一个额外的像素，因此最终会得到一个滚动条。

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

如果全部失败，这应该有效，

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