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

Question

我有一个非画布菜单，它非常适合我的移动布局。

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

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

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

我不确定是什么导致了问题。

Answer 1

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

如果要修复它，请为该类设置一个高度，或者将这些菜单项从文档流中取出，这样它就不会将内容向下推。