Javascript 页面上有光滑的滑块的奇怪空间？

我正在创建一个带有滑动条的网站，并且插件运行顺利，但是左边有一个奇怪的空间，导致网站有一个水平滑动条。我尝试过最大化容器的视口，但没有用？有没有办法去掉这个空白，这样就没有水平滑块了

$（文档）.ready（函数（）{
$（'.forss'）。光滑({
centerMode：对，
中心填充：“0w”，
幻灯片放映：3.625，
});
});
//navigation.css
身体{
背景色：#5336F8；
字体系列：Futura PT；
}
保险商实验室{
位置：相对位置；
左：3vw；
列表样式类型：无；
溢出：隐藏；
利润率：3vw 1vw 0；
背景色：透明；
显示：内联块；
}
李{
浮动：对；
字体大小：1.5vw；
}
李阿{
显示：块；
字体重量：较轻；
浮动：对；
颜色：白色；
利润率：0.5vw 0.5vw；
文本对齐：居中；
填料：0.75vw 2vw；
文字装饰：无；
}
li a:未（.active）：悬停{
背景色：白色；
颜色：#5336F8；
边界：1px；
}
.主动{
边框：1px纯白；
}
.标志{
字体系列：Futura PT；
浮动：左；
字体大小：4vw；
利润率：2vw 5vw 0 3.5vw；
颜色：白色；
字号：550；
}
.徽标：悬停{
颜色：#5336F8；
文本阴影：1px 0白色，0 1px白色，1px 0白色，0-1px白色；
}
//style.css
滑头滑块{
宽度：100vw；
}
福斯先生{
显示器：flex；
对齐项目：居中；
框大小：边框框；
}
.forss.项目{
宽度：30vw；
身高：35vw；
利润率最高：7vw；
}
.forss.项目img{
宽度：24.840625vw；
高度：31.25vw；
}
.滑滑梯{
-webkit转换：规模（1）；
-moz变换：比例（1）；
变换：比例（1）；
过渡：0.5s缓进缓出转换；
}
.光滑的幻灯片：聚焦{
大纲：无；
}
滑道{
宽度：100vw；
}
滑头中心分区{
-webkit转换：比例（1.15）；
-moz变换：比例（1.15）；
转换：比例（1.15）；
过渡：0.5s缓进缓出转换；
}
#箭{
宽度：1vw；
高度：1vw；
文本对齐：居中；
位置：相对位置；
}
.标志{
字体系列：“Futura Normal”；
字体大小：4vw；
颜色：白色；
浮动：左；
左边距：2vw；
}
.顶{
位置：绝对位置；
混合模式：屏幕；
左：0；
右：0；
不透明度：100%；
过渡：不透明度0.15s；
}
.top:悬停{
不透明度：0%；
}
.底部img{
位置：相对位置；
左：0；
右：0；
}
input.prev：焦点{
轮廓宽度：0；
}
输入。下一步：聚焦{
轮廓宽度：0；
}
.附加组件{
字体系列：（var（--font））；
字体大小：1.75vw；
颜色：白色；
左边距：2vw；
保证金权利：2vw；
利润底部：1vw；
}
#内在的{
位置：相对位置；
宽度：100vw；
利润底部：4vw；
}
#居中{
文本对齐：居中；
}

滑块
真相。







听我说
对幻灯片放映元素（幻灯片放映和幻灯片导航）使用视口宽度（vw）时存在一些问题。由于
body
元素上有填充，因此内容宽度将包括迫使页面宽度相等的内容（视口宽度+
body
左填充+
body
右填充）。通过更改/添加以下CSS，我可以删除水平滚动条：

div.slick-slider {
    // width:100vw;
}

#inner {
    width: 100% !important;
    ...
}

body {
    margin-left: 0;
    margin-right: 0;
    ...
}

注意：这些更改可能不会反映在下面的SO预览中。出于某种原因，我没有看到
.slick slider
和
body
CSS的更新反映在这里


$（文档）.ready（函数（）{
$（'.forss'）。光滑({
centerMode：对，
中心填充：“0w”，
幻灯片放映：3.625，
});
});
//navigation.css
身体{
背景色：#5336F8；
字体系列：Futura PT；
左边距：0；
右边距：0；
}
保险商实验室{
位置：相对位置；
左：3vw；
列表样式类型：无；
溢出：隐藏；
利润率：3vw 1vw 0；
背景色：透明；
显示：内联块；
}
李{
浮动：对；
字体大小：1.5vw；
}
李阿{
显示：块；
字体重量：较轻；
浮动：对；
颜色：白色；
利润率：0.5vw 0.5vw；
文本对齐：居中；
填料：0.75vw 2vw；
文字装饰：无；
}
li a:未（.active）：悬停{
背景色：白色；
颜色：#5336F8；
边界：1px；
}
.主动{
边框：1px纯白；
}
.标志{
字体系列：Futura PT；
浮动：左；
字体大小：4vw；
利润率：2vw 5vw 0 3.5vw；
颜色：白色；
字号：550；
}
.徽标：悬停{
颜色：#5336F8；
文本阴影：1px 0白色，0 1px白色，1px 0白色，0-1px白色；
}
//style.css
滑头滑块{
//宽度：100vw；
}
福斯先生{
显示器：flex；
对齐项目：居中；
框大小：边框框；
}
.forss.项目{
宽度：30vw；
身高：35vw；
利润率最高：7vw；
}
.forss.项目img{
宽度：24.840625vw；
高度：31.25vw；
}
.滑滑梯{
-webkit转换：规模（1）；
-moz变换：比例（1）；
变换：比例（1）；
过渡：0.5s缓进缓出转换；
}
.光滑的幻灯片：聚焦{
大纲：无；
}
滑道{
保证金：0；
}
滑头中心分区{
-webkit转换：比例（1.15）；
-moz变换：比例（1.15）；
转换：比例（1.15）；
过渡：0.5s缓进缓出转换；
}
#箭{
宽度：1vw；
高度：1vw；
文本对齐：居中；
位置：相对位置；
}
.标志{
字体系列：“Futura Normal”；
字体大小：4vw；
颜色：白色；
浮动：左；
边缘乐