Html 为什么我的页边距顶部会将整个部分向下移动？

我已经做了两个单独的部分，一个是图像滑块部分，另一个是“关于我们”部分，这更像是一个页脚前的部分，我想向下推一点文本，但是，每当我给“关于我们”部分的文本加上页边空白，它就会向下推整个“关于我们”部分，而不是只推文本，有什么办法解决这个问题吗

.img滑块部分{
边框底部：1px实心rgb（15,13,13）；
边框顶部：1px实心rgb（15,13,13）；
}
.滑块{
位置：相对位置；
溢出：隐藏；
高度：100vh；
宽度：100vw；
颜色：#fff；
}
.幻灯片{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
不透明度：0；
过渡：不透明度0.4s缓进缓出；
边缘顶部：1米；
}
.slide.current{
不透明度：1；
}
.幻灯片.内容{
位置：绝对位置；
底部：70像素；
左：-600px；
不透明度：0；
宽度：600px；
背景色：rgba（29,28,28,0.945）；
边框：1px纯红；
边界半径：5px；
颜色：rgb（3，3，3）透明；
填充：35px；
}
.幻灯片.内容h1{
边缘底部：10px；
颜色：红色；
字体系列：“Cinzel装饰”，无衬线；
}
.内容p{
字体系列：“Cinzel装饰”，无衬线；
}
.slide.current.content{
不透明度：1；
变换：translateX（600px）；
过渡：所有0.7秒缓进缓出0.3秒；
}
.按钮按钮#下一步{
位置：绝对位置；
最高：210%；
右：15px；
}
.按钮按钮#上一个{
位置：绝对位置；
最高：210%；
左：12px；
}
.按钮{
边框：2倍实心rgb（129,7,7）；
背景色：透明；
颜色：rgb（255,0,0）；
光标：指针；
填充：13px 15px；
大纲：无；
}
.按钮：悬停{
背景色：rgba（255,0,0,0.774）；
颜色：rgba（255、255、255、0.863）；
过渡：0.3s；
}
.按钮按钮：不（：悬停）{
过渡：0.3s；
}
/*页脚*/
.页脚前{
宽度：100%；
高度：25vh；
背景：#fff；
}
.关于我们{
字体系列：“Oswald”，无衬线；
文本对齐：居中；
宽度：50%；
保证金：0自动；
}
.大约-H{
字体系列：“Cinzel装饰”，无衬线；
字号：700；
}
.关于文本{
字体系列：“Oswald”，无衬线；
}
/*背景图像*/
幻灯片：第一个孩子{
背景：url（'../IMG/background-image-1.jpg'）不重复
中央顶部/盖；；
}
.幻灯片：第n个孩子（2）{
背景：url（'../IMG/background-image-2.jpg'）不重复
中央顶部/盖；
}
.幻灯片：第n个孩子（3）{
背景：url（'../IMG/background-image-3.jpg'）不重复
中央顶部/盖；
}
.幻灯片：第n个孩子（4）{
背景：url（'../IMG/background-image-4.jpg'）不重复
中央顶部/盖；
}
.幻灯片：第n个孩子（5）{
背景：url（'../IMG/background-image-5.jpg'）不重复
中央顶部/盖；
} 
.幻灯片：第n个孩子（6）{
背景：url（'../IMG/background-image-6.png'）不重复
中心/盖；
}

挑战性游戏

没有两个吞食游戏是相同的。为了阻止Anna，你需要一个专注的团队和完美的执行力，一次长达一小时的会议。

可重复性

上锁的门、山羊和物品产卵是随机的，确保没有两个游戏是相同的。更重要的是，吞食的不可预测的人工智能升级游戏，让你第二次猜测每一个动作。

不断升级的困难

安娜的愤怒和速度随着游戏的进行而增加，阿扎泽尔产生的阻止你的恶魔数量也会增加。你唯一的防御手段就是你的紫外线手电筒。

多人游戏功能

利用我们在游戏中的位置语音聊天。带上好友，或使用服务器浏览器查找其他玩家。

驱除安娜

你的目标是打破阿扎泽尔对安娜的控制。要做到这一点，你需要找到汽油，一个火坑，和足够的山羊来燃烧。

噩梦模式

不费吹灰之力就能赢得比赛？尝试梦魇模式进行终极挑战。

关于直后卫的比赛
吞食是《直背游戏》的第二款游戏，该游戏是一家独立游戏开发商，由乔·芬德和卢克·范宁于2019年推出。开发者对令人沮丧的困难游戏和令人兴奋的合作体验的热情是其创作背后的动力。合作者还包括家庭成员安德鲁·芬德（拼图设计）、汉娜·海登（故事和剧本）和彼得·芬德（原创乐谱）

您所观察到的内容被称为CSS，它是一个相当混乱、难以理解的CSS特性，几十年来一直困扰着web开发人员

请参见以下简单示例：

.parent{
背景色：#ddd；
高度：400px；
宽度：400px；
}
.儿童{
背景色：#666；
高度：200px；
边缘顶部：100px；
宽度：200px；
}

---

您所观察到的内容被称为CSS，它是一个相当混乱、难以理解的CSS特性，几十年来一直困扰着web开发人员

请参见以下简单示例：

.pare