浮动 div 导致麻烦答案

【问题标题】：Floating Div Causing Trouble浮动 div 导致麻烦
【发布时间】：2017-12-09 15:37:27
【问题描述】：

我似乎遇到了浮动 div 的一个特殊问题。 div的例子在this website

我无法完成的是将 div 中包含的菜单转换为响应式可堆叠汉堡菜单。

非常感谢您在这方面的帮助。

最好的祝愿，苏米特

【问题讨论】：

【解决方案1】：

您隐藏大菜单，并在小屏幕上显示可堆叠的汉堡。这可以通过仅使用 CSS 来完成。

Mobile first，所以基本上：

.largeMenuDiv { display: none }

@media ( min-width: 480px ) {

    .largeMenuDiv    { display: block; }
    .stackableBurger { display: none; }

}

当然，您可以通过 JavaScript 使菜单在不同的屏幕尺寸上变形，但 IMO 更复杂。

【讨论】：

感谢 rlatief，但是，我无法触发 div id floatdiv_1907 上的代码，我知道它包含左侧浮动菜单。从技术上讲，我需要两个堆栈 - 主菜单现在可以正常工作并随页面滚动，页面标题下方的页面标题也可以正常工作。包含浮动 div 的新汉堡菜单是问题所在。这可以继续在左侧浮动。