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; 
} 

在移動設備上應用這些性質。