Html 下拉移动菜单未推送内容

我想让我的手机菜单按下它下面的内容。这里的内容是页脚。我做错了什么？

这里的问题是规则

网格模板行：40px auto 40px

最大宽度为840px的文件与此文件一起使用：

标题{display:none；}

根据这两条规则，当您处于最大宽度840px时，您的第一行将成为您的

。菜单

，您将其高度设置为40px

这是我所说的一个例子。我创建了4行，在第一行上放置了一个

display:none

：您可以看到第二行采用了第一行的规则

#网格{
显示：网格；
网格模板行：20px 100px 40px 100px；
}
.a_1{
背景颜色：黄色；
显示：无；
}
.a_2{
背景颜色：橙色；
}
.a_3{
背景颜色：蓝色；
}
.a_4{
背景色：红色；
}

我是第二排，但我身高只有20磅

这里的问题是规则

网格模板行：40px auto 40px

最大宽度为840px的文件与此文件一起使用：

标题{display:none；}

根据这两条规则，当您处于最大宽度840px时，您的第一行将成为您的

。菜单

，您将其高度设置为40px

这是我所说的一个例子。我创建了4行，在第一行上放置了一个

display:none

：您可以看到第二行采用了第一行的规则

#网格{
显示：网格；
网格模板行：20px 100px 40px 100px；
}
.a_1{
背景颜色：黄色；
显示：无；
}
.a_2{
背景颜色：橙色；
}
.a_3{
背景颜色：蓝色；
}
.a_4{
背景色：红色；
}

我是第二排，但我身高只有20磅

jsfiddle mb中没有css指向/style/site.css的链接无法在线工作，请尝试在jsfiddle中添加css嘿，这是我的错！请现在检查。你往下推是什么意思？你能给我看看你想要的结果吗？jsfiddle mb中没有css指向/style/site.css的链接不能在线工作，试着在jsfiddle中添加你的css嘿，这是我的错！请现在检查。你往下推是什么意思？你能告诉我你想要的结果吗？谢谢，伙计！将

网格模板行

更改为

自动40px

，这样做是可行的。但是，我不太明白这里的逻辑。为什么页脚依赖于您建议删除的页眉的

40px

？不客气！：）问题是使用

标题{display:none}

，第一行变成菜单。所以你的菜单变成了40px的高度，无法扩展。将

网格模板行

更改为

自动40px新的第一行（菜单）可以自行展开：新布局只有2行，因此=>
auto40px
。但是，正如我所说的，如果您愿意（参见第二种解决方案），并且您没有更改行数的问题，您可以删除该规则。非常好的答案@resedano，再次感谢您非常好的解释！很荣幸！很高兴能帮助你：）谢谢，伙计！将
网格模板行
更改为
自动40px
，这样做是可行的。但是，我不太明白这里的逻辑。为什么页脚依赖于您建议删除的页眉的
40px
？不客气！：）问题是使用
标题{display:none}
，第一行变成菜单。所以你的菜单变成了40px的高度，无法扩展。将
网格模板行
更改为
自动40px新的第一行（菜单）可以自行展开：新布局只有2行，因此=>
auto40px
。但是，正如我所说的，如果您愿意（参见第二种解决方案），并且您没有更改行数的问题，您可以删除该规则。非常好的答案@resedano，再次感谢您非常好的解释！很荣幸！很高兴能帮助你：）