手机端因为布局较窄，如果刚好菜单很多的情况下，我们就可以把菜单左侧左右滑动的效果，来节省空间，大致效果如下图

具体效果可以参考今日头条，菜单可以左右滑动。有些花里胡哨的代码会用上JS，其实这种只须要CSS就能够搞定，下面看代码。

HTML代码

帝国cms模板
织梦cms模板
discuz模板
ecshop模板
phpcms模板
wordpress模板
苹果cms模板
海洋cms模板
飞飞cms模板
html模板

CSS代码

div{ 
overflow: hidden; 
overflow-x: scroll; 
-webkit-overflow-scrolling: touch; 
white-space: nowrap; 
} 
a{ 
display:inline-block 
}

我们主要看看CSS，

overflow-x: scroll; 
-webkit-overflow-scrolling: touch; 
white-space: nowrap;

提滚动条，并且暗藏搞不懂，最后内容强制不下划线。

display:inline-block

这段事让块状纵向排序，竣工。