我一直在尝试为website清除移动屏幕右侧的白色栏，但似乎无济于事。请参见下面的屏幕截图：
检查元素时白条的Screenshot，突出显示的代码不包括白条1
检查元素时白条的Screenshot，突出显示的代码包括白条2
首先，我认为某些元素可能会超出宽度，所以我隐藏了所有部分，但这没有用。
其次，我禁用了所有插件，以为可能是某些插件引起的，但是那也不起作用。
奇怪的是，该栏仅在首页上显示，而其他页面都可以。
我得到的最接近的线索怀疑是可能的原因，因为它是唯一选择右侧填充的代码。
我不知道如何解决它，尽管我80％确信它一定与CSS有关。
我非常感谢您提供一些帮助，以消除烦人的问题。
谢谢
最佳答案
右侧的白条似乎是由于将CSS类.row应用到.container中的div元素之一而引起的.row定义margin-left: -15px; margin-right: -15px;
发生的情况是将.row应用于容器内的div元素，而不应用于标头。因此，此div尝试将其边界比任何其他对象增加15个像素。但是，由于宽度限制是由设备/浏览器设置的，因此该div达到了最大宽度，并使页面中没有负边距的其他所有内容都缩小了。
解决方案之一是从此.row中删除div类。另一种方法是将overflow属性设置为您的.main-wrapper，这样负边距仍将包含在包装中，并且不会影响页面的其他元素。
请注意，这些解决方案将导致不同的输出，因为第一个解决方案会缩小您的内容（并且两侧仍有两个白色条，这是由.vc_column-inner引起的），第二个解决方案会阻止其缩小网站的其余部分。