在画布外菜单中更改高度会导致水平滚动

Question

我有一个非画布菜单，它对于我的移动版式非常有效。

但是，当我展开菜单项以显示其下的子菜单时，整个页面可以水平滚动。 不太完美。

我只是控制要显示的类名：块。

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

我不确定是什么引起了问题。

Answer 1

问题是您没有在.row设置高度，因此它与内容强制的高度一样高。 当您display:block该类并导致显示那些菜单项时，它会迫使内容进一步降低，并且由于页面与内容一样高，因此页面会更长。

如果要修复此问题，请为该类设置一个高度，或者将这些菜单项从文档流中删除，以免将其压低。