Html 无法使滚动条消失-可以'；我不知道如何正确使用CSS

如您所见，它有一个水平滚动条。该问题仅发生在带有注释字段的页面中—

我想保持相同的风格，相同的视图，但是我希望滚动条消失

<div id="commentsbackground">
    <section class="comment">
         <section class="commentsMain"></section>
         <section class="fbcommentbox"></section>
    </section>
</div>

如果我删除左边的

边距：-1172px从
#commentsbackground
中删除
左边距：1172px来自
部分。注释
滚动条仍然存在，但左侧变为白色。
如果我也移除
宽度：6000px然后两个注释框断开，右侧也显示白色

如果相反，我只删除
宽度：6000px，但我保留左边的空白，然后它断开，我看到右边是白色

我找不到合理的解决方案，因为
在
内，最新的宽度为892px。。。但是我需要背景是灰色的。。。对于屏幕的每个分辨率。。。和你现在看到的一样。但是没有滚动条

我希望有人能帮忙

[编辑]-今天我尝试将整个注释框放入footer.php文件中。就在
footer bottom
div之前。它工作得很好，但是网站开始出现其他问题，例如：评论框到处都显示，主页上、页面和帖子上都显示了，wp管理员禁用了评论。所以我认为这对我来说也不是一个正确的解决方案。
6000像素宽和1000像素偏移的整个想法是不可思议的。尝试更改一些CSS来删除那些垃圾，似乎对我有用

这些将摆脱滚动条，但它会使元素坐在彼此的顶部，因为太宽

.commentsbackground { margin-left: 0; width: 100%; }
.comment { margin-left: 0; }

这将减少右栏的大小，让注释和表单并排放置。请调整一下这个

.fbcommentbox { width: 335px; }
<span style="height: 200px; width: 335px;"></span>
<iframe width=335>

.fbcommentbox{宽度：335px；}
您应该能够使用以下CSS删除Webkit中的滚动条：#元素：：-Webkit滚动条{display:none；}我已经尝试过了，但没有成功。但是，如果有一个CSS布局解决方案来管理这些部分以获得相同的视觉效果，我更喜欢它，而不是“告诉”浏览器不要显示滚动条；会破坏网站，也许你应该修复它。如果6000px div带有溢出：auto，则会导致类似水平滚动条的问题。请尝试添加此选项。body{overflow-x:hidden；}大卫，你说得对。我想摆脱6000像素的东西，利润率低于零。这就是我在这里提出问题的原因。我无法编辑
span
，因为它是通过facebook iframe代码动态添加的。在任何情况下，这将使它适合中心柱。。。因此，灰色背景将只出现在中间。在
commentsbackground
div的左右两侧，将有白色背景。我需要的是有一个宽阔的灰色背景。。。类似于页脚的内容。在页脚中，无论您的分辨率如何，都将始终有一个全宽的黑色背景。
.fbcommentbox { width: 335px; }
<span style="height: 200px; width: 335px;"></span>
<iframe width=335>