Html 如何去掉包装器周围的空格

我一直在尝试创建一个移动版本的滑动条，它是320px，但是当我在开发工具中打开它并将宽度设置为320时，我从侧面看到了空白以及包装纸下面的空白。我做错了什么

对不起，如果这是一个该死的问题，只是这个问题真的困扰着我，我不知道该怎么办

@介质（最小宽度：320px）和（最大宽度：1439px）{
标志
.黄色矩形七号，
.letters_uuu字母a——小——首先，
.letters_uuu字母-a--小--秒，
.letters\uuu letter-e——小，
.letters__letter-g——小，
.字母\uuuu字母-f——首先，
.字母_字母-f--第二，
.letters_uuLetter-i，
.字母，
.text___圈，
.文本测试，
.text_uu编号--3，
.text\u编号--1，
.text_uu大数字，
.矩形，
.triangle_uu暗秒，
.三角光秒，
.橄榄枝图片{
显示：无；
}
身体{
背景色：#f7e611；
}
.视觉隐藏{
位置：绝对位置；
宽度：1px；
高度：1px；
保证金：-1px；
边界：0；
填充：0；
空白：nowrap；
-webkit剪辑路径：插图（100%）；
剪辑路径：插入（100%）；
剪辑：rect（0）；
溢出：隐藏；
}
.网站包装{
宽度：320px；
保证金：0自动；
位置：相对位置；
}
.滑块{
显示器：flex；
弯曲方向：立柱；
}
.滑块\第一个滑块{
位置：相对位置；
宽度：236px；
高度：184px；
边缘底部：-17px；
边缘顶端：88px；
背景颜色：蓝色；
背景尺寸：封面；
背景重复：无重复；
背景位置：右；
}
.slider_uu第一张幻灯片：：之前{
内容：''；
宽度：100%；
身高：100%；
底部：0px；
左：0px；
位置：绝对位置；
背景色：#f7e611；
不透明度：0.8；
}
.滑块\第二个滑块{
位置：相对位置；
宽度：320px；
高度：318px；
背景颜色：绿色；
背景尺寸：封面；
背景重复：无重复；
背景位置：顶部；
z指数：5；
}
.slider_uu第二张幻灯片：：之前{
内容：''；
宽度：100%；
身高：100%；
排名：0；
左：0；
位置：绝对位置；
背景色：#f7e611；
不透明度：0.8；
}
.字母设计{
位置：绝对位置；
文本转换：大写；
}
.主导航开关{
位置：绝对位置；
顶部：25px；
右：22px；
宽度：20px；
高度：14px；
背景：url（'../img/burger menu mob.svg'）；
背景重复：无重复；
边界：无；
光标：指针；
}
.main-nav_切换：：之前{
内容：“；
位置：绝对位置；
宽度：177px；
高度：282px；
顶部：-115px；
右：-96px；
z指数：-1；
背景：url（'../img/rectangle design.png'）；
变换：旋转（90度）；
}
.letters\uu letter-e——大{
顶部：132px；
右：66px；
字体系列：“Geometria”；
字体大小：60px；
线高：1.45；
z指数：2；
}
.letters\uuu letter-g——大{
顶部：210px；
右：128px；
字体系列：“Geometria”；
字体大小：60px；
线高：1.45；
z指数：2；
}
.字母a--大{
顶部：226px；
左：68px；
字体系列：“Geometria”；
字体大小：60px；
线高：1.45；
z指数：6；
}
.letters_uu字母a--中等{
顶部：0px；
左：17px；
字体系列：“哲学家黑体”；
字体大小：35px；
线高：70px；
}
.黄色-长方形{
位置：绝对位置；
底部：17px；
右：20px；
字母间距：2px；
字体系列：“Geometria”；
字体：斜体；
字号：900；
字体大小：20px；
线高：1.45；
z指数：10；
}
.yellow-rectangle_u十三：：之前{
内容：“；
位置：绝对位置；
宽度：106px；
高度：106px；
底部：-18px；
右：-21px；
z指数：-1；
背景：url（'../img/Rectangle_20.png'）；
变换：旋转（0度）；
}
.橄榄枝{
内容：“；
位置：绝对位置；
左：105px；
底部：0px；
宽度：110px；
高度：53px；
z指数：15；
背景：url（'../img/olive branch mob.svg'）；
}
.三角形{
位置：绝对位置；
}
.三角灯优先{
底部：29px；
左：43像素；
z指数：10；
}
.triangle_uu黑暗优先{
顶部：231px；
右：30px；
}
.黄色矩形导航背面{
位置：绝对位置；
顶部：400px；
左：17px；
宽度：20px；
高度：36px；
不透明度：0.4；
背景：url（'../img/left arrow.svg'）；
背景重复：无重复；
边界：无；
z指数：15；
光标：指针；
}
.黄色矩形导航前进{
位置：绝对位置；
顶部：400px；
右：22px；
宽度：20px；
高度：36px；
不透明度：0.4；
背景：url（'../img/right-arrow.svg'）；
背景重复：无重复；
边界：无；
z指数：15；
光标：指针；
}
.text\u口号{
位置：绝对位置；
左：-23px；
顶部：245px；
不透明度：0.5；
字体家族：“哲学家”；
字体大小：9px；
字体：斜体；
颜色：#000000；
变换：旋转（-90度）；
z指数：15；
}
.第一张图片{
背景颜色：蓝色；
}
.第二幅图像{
背景颜色：绿色；
}
}

标题
Открыть меню
亲缘关系
13
7.
Назад
Вперед
A.
A.
A.
A.
E
E
G
G
F
F
我
N
乌拉尔03
тестовое задание
очень хороший слоган
(3)
(1)
51
Четырехугольник для декорации

您应该在检查器中检查哪个元素是cau