Html 为什么我折叠的导航菜单在展开时没有向下推内容？

我正在创建一个简单的flexbox导航菜单，在移动版本中展开时，折叠的菜单不会向下推内容

以下是我正在制作的现场演示：

.main标题{
宽度：100%；
浮动：左；
显示：块；
最小高度：100vh；
身高：100%；
背景尺寸：封面；
背景位置：中心；
填充底部：100px；
背景颜色：灰色；
}
.主导航{
边缘顶部：100px；
位置：粘性；
对齐项目：居中；
证明内容：周围的空间；
顶部：3em；
左：0；
显示器：flex；
高度：50px；
宽度：100%；
颜色：白色；
}
.主导航条{
颜色：白色；
}
.主导航列表{
列表样式：无；
显示器：flex；
颜色：白色；
}
.主导航项目{
填充：24px 27px；
位置：相对位置；
}
.main-nav___项目：之后{
-webkit过渡：所有0.15秒都易于输入输出；
过渡：所有0.15秒缓进缓出；
内容：“；
显示：块；
浮动：左；
背景色：#F5；
宽度：2倍；
高度：60px；
-webkit变换：旋转（20度）；
变换：倾斜（155deg）；
位置：绝对位置；
右：0；
底部：6px；
}
.main-nav_uu项：最后一个子项：：之后{
内容：“；
宽度：0px；
}
.main-nav_uu项：悬停：：之后{
宽度：计算（100%+1px）；
}
.main-nav\u项目：悬停。main-nav\u链接{
颜色：#444；
位置：相对位置；
z指数：3；
}
.主导航链路{
列表样式：无；
字号：1rem；
颜色：#fff；
字体系列：“proxima-nova-n6”、“proxima-nova”；
字体风格：普通；
字号：600；
}
.主导航条{
显示：无；
}
.主旗{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
对齐项目：居中；
}
.主旗h2{
字体大小：3.75rem；
线高：5.375雷姆；
保证金底部：1.5雷姆；
颜色：#fff；
字体系列：“proxima-nova-n4”、“proxima-nova”；
字体风格：普通；
字体大小：400；
利润上限：70像素；
字体大小：正常；
}
.主旗{
字体大小：1.25rem；
字体大小：正常；
颜色：白色；
文本对齐：居中；
最大宽度：700px；
保证金底部：3.375雷姆；
右边距：自动；
左边距：自动；
}
.main-banner___绿色按钮{
高度：3.4375雷姆；
背景色：#00964e；
文字装饰：无；
颜色：#fff；
填充：11px 13px；
显示：内联块；
框大小：边框框；
线高：27px；
边界半径：30px；
边框：3px实心#00964e；
字体大小：1.125rem；
右边填充：50px；
字体系列：“proxima-nova-n6”、“proxima-nova”；
字体风格：普通；
字号：600；
位置：相对位置；
-webkit过渡：所有0.15秒都易于输入输出；
过渡：所有0.15秒缓进缓出；
}
.main-banner__箭头右：：后{
字体系列：“icomoon”；
字体风格：普通；
字体大小：正常；
字体变体：正常；
文本转换：无；
内容：“" !重要的；
字体大小：33px；
}
.main-banner_u_绿色按钮：：之后{
浮动：对；
内容：“；
显示：块；
宽度：34px；
高度：34px；
左边距：10px；
顶部：10px；
位置：绝对位置；
右：10px；
}
.main-banner\绿色按钮：悬停{
背景色：白色；
颜色：绿色；
}
.main-banner箭头向下{
变换：旋转（90度）；
宽度：34px；
高度：34px；
位置：绝对位置；
底部：100px；
左边距：-17px；
左：50%；
z指数：2；
-webkit过渡：所有0.15秒都易于输入输出；
过渡：所有0.15秒缓进缓出；
背景图像：url（“/assets/images/icon arrow right.png”）；
}
@仅介质屏幕和（最大宽度：768px）{
.主导航{
保证金：0；
显示：块；
职位：继承；
}
.主导航列表{
边缘顶部：20px；
显示：无；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
}
.main-nav___项目：之后{
内容：“；
宽度：1px；
}
.Navbar_uu切换显示{
显示器：flex；
}
.主导航条{
显示器：flex；
证明内容：柔性端；
光标：指针；
利润上限：-120px；
填充：0px；
字体大小：33px；
}
.main-banner箭头向下{
底部：17px；
}
.主旗h2{
文本对齐：居中；
边际上限：155px；
}
}

我们是一个团队
专家。
demila成立于2007年，专门从事银行、保险、电信等领域的IT人员外包，
高科技、制药、物流和许多其他行业


“我爱你，我爱你，我爱你，我爱你，我爱你，我爱你，我爱你。”，
这是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言，是一句名言
在这之前，我们必须要有一个安全的基本要素。我们必须在两天内完成这项工作，并且必须在不需要前庭的情况下完成这项工作
tincidunt sem，非bibendum nunc。Nam tincidunt在maximus libero中添加了调味品luctus。Fusce ut blandit lacus
我们的生活是平等的，我们的生活是平等的，我们的生活是平等的，我们的生活是平等的，我们的生活是平等的，我们的生活是平等的
尼布·奥古斯只是一个女人，她是一个怀孕的狮子。她是一个女人，她是一个兽人。她是一个酒后驾车的女人

从

中删除
高度：50px
。主导航将允许内容适当展开并向下推下任何后续内容。
从
中删除
高度：50px
。主导航将允许内容适当展开并向下推下任何后续内容。
您可以检查此项吗？c你能检查一下吗？