web - 消除网站水平滚动

Question

我一直在为我的网站更改很多东西，现在我以某种方式创建了它，使其不适合屏幕并且右侧有一个小滚动。有人可以看到导致此问题的问题。

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

www.jobspark.ca 是网站

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

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

Answer 1

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

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

如果一切都失败了，这应该可以工作，

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