手机端因为布局很窄，如果刚好菜单很多的情况下，我们就可以把菜单左侧左右滑动的效果，来节省空间，大致效果如下图
具体效果可以参考今日头条，菜单可以左右滑动。有些花里胡哨的代码会用上JS，其实这种只需要CSS就能搞定，下面看代码。
HTML代码
1 | 帝国CMS模板织梦cms模板discuz模板ecshop模板phpcms模板wordpress模板苹果cms模板海洋cms模板飞飞cms模板html模板 |
CSS代码
1 2 3 4 5 6 7 8 9 | div{ overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; } a{ display:inline-block } |
我们主要看CSS，
1 2 3 | overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; |
加滚动条，并且隐藏搞不懂，最后内容强制不换行。
1 | display:inline-block |
这段事让块状横向排列，完工。