0

如您所见,该站点有一个水平滚动条。问题仅发生在带有评论字段的页面中 - <div id="commentsbackground">.

我想保持相同的样式,相同的视图,但是我希望滚动条消失。

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

CSS如下:

#commentsbackground {
width: 6000px;
margin-left: -1172px;
background-color: #EAECF3;
overflow: auto;

section.comment {
height: 500px;
margin-left: 1172px;
margin-top: 20px;

.commentsMain {
width: 500px;
padding-left: 20px;
float: left;
border-right: 1px solid rgba(0,0,0,.13);
padding-right: 20px;
background-color: #E8E8E9;
padding-top: 10px;

.fbcommentbox {
width: 434px;
float: left;
margin-left: 0px;
background-color: #E8E8E9;
padding-left: 15px;
padding-top: 10px;

如果我从中删除margin-left: -1172px;并且#commentsbackgroundmargin-left: 1172px;section.comment滚动条中删除仍然存在,但左侧变为白色。如果我也删除了,width: 6000px;那么两个评论框会中断,白色也会出现在右侧。

相反,如果我只删除了width: 6000px;,但我保留了左边距,那么它会中断并且我在右边看到白色。

我找不到合理的解决方案,因为它<div id="commentsbackground">在里面<section class="middle_single">,最新的宽度为 892px ......但我需要的背景<div id="commentsbackground">是灰色的......对于屏幕的每个分辨率......和你一样现在看看。但没有滚动条。

我希望有人能帮忙。

[编辑] - 今天我试图将整个评论框放在 footer.php 文件中。就在footer-bottomdiv之前。它运行良好,但是该站点开始出现其他问题,例如:评论框无处不在,也在主页以及页面和帖子中显示,评论被 wp-admin 禁用。所以我认为这对我来说也不是正确的解决方案。

4

1 回答 1

0

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>
于 2013-11-07T11:20:42.480 回答