div（menu）not div div（maincontent）

Question

对于我正在制作的网站我有一点问题。我有一个手机菜单，当我按下菜单按钮（用JavaScript完成）时激活。 我希望它推动与3块（maincontent div）下来的div，但可悲的是它没有做它应该的。

我已经尝试了一切与职位等，没有成功。你可以在dev.hotelkom.nl查看网站

Answer 1

这不起作用，因为你的主菜单是绝对定位的，它的父母有固定的高度。你的包装内容也是绝对定位的，因此它不会移动。

几方面的原因可能是如何解决这个问题：

.mainmenu { 
    position: relative; 
    height: auto; 
} 

.wrapper-content { 
    position:relative; 
} 

在移动设备上应用这些性质。