在畫布外菜單中更改高度會導致水平滾動

Question

我有一個非畫布菜單，它對於我的移動版式非常有效。

但是，當我展開菜單項以顯示其下的子菜單時，整個頁面可以水平滾動。 不太完美。

我只是控制要顯示的類名：塊。

http://dev.martinilab.com/so1/index.html

我不確定是什么引起了問題。

Answer 1

問題是您沒有在.row設置高度，因此它與內容強制的高度一樣高。 當您display:block該類並導致顯示那些菜單項時，它會迫使內容進一步降低，並且由於頁面與內容一樣高，因此頁面會更長。

如果要修復此問題，請為該類設置一個高度，或者將這些菜單項從文檔流中刪除，以免將其壓低。