Css 俯冲重叠-上推一个，下推另一个？
我有一个“汉堡包”移动导航按钮，当点击时会弹出一个标题为“导航”的div。但是，由于div的位置（它位于其他div中），div没有扩展到文档宽度的100%，只是扩展到容器div宽度的100% 这不仅是一个问题，而且还有一个次要问题，因为导航div还与header div及其下面的div稍微重叠。我宁愿它把头球往上推，把下面的球往下推 虽然我可以将这个div从容器中取出，并可能通过将其放置在其他位置来解决问题，但这会导致页面全尺寸版本上的导航出现问题，因为#导航div对于两个版本的页面都是相同的，只是样式不同。这是密码Css 俯冲重叠-上推一个，下推另一个？,css,Css,我有一个“汉堡包”移动导航按钮，当点击时会弹出一个标题为“导航”的div。但是，由于div的位置（它位于其他div中），div没有扩展到文档宽度的100%，只是扩展到容器div宽度的100% 这不仅是一个问题，而且还有一个次要问题，因为导航div还与header div及其下面的div稍微重叠。我宁愿它把头球往上推，把下面的球往下推 虽然我可以将这个div从容器中取出，并可能通过将其放置在其他位置来解决问题，但这会导致页面全尺寸版本上的导航出现问题，因为#导航div对于两个版本的页面都是相同的，
正文{
保证金：0；
线高：1.428；
}
.包裹{
宽度：90%；
最大宽度：71.5em；
保证金：0自动；
填充：0.625em 0.625em；
}
#标题{
背景：#442869；
垫面：1米；
垫底：1米；
最小高度：6em；
}
#移动导航基站{
显示：无；
浮动：对；
}
#航行{
显示：块；
浮动：对；
}
#导航ul{
列表样式：无；
}
#导航李{
显示：内联块；
浮动：左；
右侧填充：2米；
垫面：0.7em；
垫底：0.7em；
}
#李导游：最后一个孩子{
右侧填充：0em；
}
#导航李a{
颜色：#ffffff；
文字装饰：无；
}
.显示菜单{
文字装饰：无；
颜色：黑色；
背景:#ac3333；
文本对齐：居中；
填充：20px 10px；
边框：1px黑色实心；
}
.显示菜单：悬停{
背景：#ac1111；
}
#额外的{
背景：#222922；
垫面：1米；
垫底：1米；
最小高度：2米；
颜色：白色；
}
/*隐藏复选框*/
输入[类型=复选框]{
显示：无；
}
/*选中“不可见”复选框时显示菜单*/
输入[类型=复选框]：选中~#导航{
显示：块；
}
#汉堡包{
显示：内联块；
}
.图标栏{
显示：块；
宽度：22px；
高度：2倍；
边界半径：1px；
利润底部：4倍；
背景色：黑色；
}
@仅介质屏幕和（最大宽度：920px）{
#移动导航基站{
显示：块；
}
#航行{
显示：无；
宽度：100%；
保证金：0；
填充：0；
背景色：#333333；
排名：0；
左：0；
}
/*创建垂直间距*/
#导航李{
边缘底部：1px；
}
/*使下拉链接垂直*/
#导航ulli{
显示：块；
浮动：无；
保证金：0；
填充：0；
}
/*使所有菜单链接全宽*/
#导航ulli，li a{
宽度：100%；
}
}
//图片元素HTML5 shiv
document.createElement（“图片”）；
菜单
-
-
-
-
-
试验