使用 Mobile CSS Nav 强制关闭内容

Question

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

Answer 1

在您的其中一个 ul 元素上设置了绝对值 属性。 http://screencast.com/t/TnHFF5JYF 将其更改为相对，这将引导您朝着正确的方向前进。

Answer 2

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