css - 使用移动 CSS Nav 强制内容向下

标签 css mobile navigation responsive

当将窗口大小时调整到 680 像素以下时,导航会转换为移动版本,但是当您单击下拉菜单时,下方的内容不会被下推。我试过将高度值更改为自动,在导航下方添加清除 div 等,但无济于事。谁能指出我正确的方向?

最佳答案

有几个地方定义了导航高度。如果所有这些都被删除,如下图所示,当菜单展开时,内容将下推。看起来主导航在关闭时需要具有 62px 的高度,在打开时需要具有自动高度。

enter image description here

关于css - 使用移动 CSS Nav 强制内容向下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38852345/

相关文章:

html - 使 Html Generic Control 跨越整个单元格,即使它是空的

css - reactJS SCSS 背景图像不可见

html - 移动设备上不需要的缩放

android - 带有离线 JQueryMobile 的 PhoneGap

html - 固定顶部导航太低

android - fragment 中带有选项卡的抽屉导航

ios - 多个segues删除 View Controller 中的导航栏

jquery - iOS7 - jquery.touchSwipe 干扰点击和 webkit-touch-callout

jquery - 用样式化图标替换 ImageButton

html - Bootstrap-Heading in 移动设备宽度