html - 网站右侧的空白区域仅在桌面上可见

Question

我已经在我的网站上工作了很长一段时间，一切都很好，直到出现崩溃(？)。

我的网站在桌面设备和平板电脑上的页面右侧显示大约 47 像素的间隙，但在移动设备上没有任何间隙。

这会在你添加时消失

.vc_row-fluid [class*="vc_col-"]:first-child:not([class*="offset"]) {
    margin-left: 46px!important;
}

然而，这后来弄乱了网格系统。

我试图调查这个问题，但没有成功。这真的让我很磨磨蹭蹭，我不知道该怎么办。

我已经尝试了几种方法，例如 overflow-x:hidden、body min-height 为 1000px，都没有用....

Screen shot #1

Answer 1

此 css 属性将您的页面宽度限制为 1100 像素:

.container, body[data-ext-responsive="false"] #boxed #header-outer[data-full-width="true"] header > .container, body[data-ext-responsive="false"] #boxed #header-secondary-outer[data-full-width="true"] > .container {
    max-width: 1100px;
}

删除上面的以及这个:

.container {
    max-width: 880px;
}

最后，从这个 div 中删除内联负 margin-left:

<div id="fws_55fdee48efaa7">
    <!--content-->
</div>