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

Question

我有一个非画布菜单，它对我的​​移动布局非常有效。

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

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

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

我不确定导致问题的原因。

Answer 1

问题是你没有在.row上设置一个高度，所以它与内容强制它一样高。当您display:block该类并导致显示这些菜单项时，它会强制内容进一步缩小，并且由于该页面与内容一样高，因此页面会变长。

如果要修复它，可以为该类设置高度，也可以从文档流中取出这些菜单项，这样就不会将内容推下来。