如您所见,该站点有一个水平滚动条。问题仅发生在带有评论字段的页面中 - <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;
并且#commentsbackground
我margin-left: 1172px;
从section.comment
滚动条中删除仍然存在,但左侧变为白色。如果我也删除了,width: 6000px;
那么两个评论框会中断,白色也会出现在右侧。
相反,如果我只删除了width: 6000px;
,但我保留了左边距,那么它会中断并且我在右边看到白色。
我找不到合理的解决方案,因为它<div id="commentsbackground">
在里面<section class="middle_single">
,最新的宽度为 892px ......但我需要的背景<div id="commentsbackground">
是灰色的......对于屏幕的每个分辨率......和你一样现在看看。但没有滚动条。
我希望有人能帮忙。
[编辑] - 今天我试图将整个评论框放在 footer.php 文件中。就在footer-bottom
div之前。它运行良好,但是该站点开始出现其他问题,例如:评论框无处不在,也在主页以及页面和帖子中显示,评论被 wp-admin 禁用。所以我认为这对我来说也不是正确的解决方案。