CSS实现移动端横向滚动导航条(PC端也适用)

　　.nav {

　　width: 100%;

　　height: 50px;

　　line-height: 50px;

　　/*段落中文本不换行*/

　　white-space: nowrap;

　　/*阴影*/

　　box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

　　/*设置横向滚动*/

　　overflow-x: scroll;

　　/*禁止纵向滚动*/

　　overflow-y: hidden;

　　/*文本平铺*/

　　text-align: justify;

　　/*背景颜色*/

　　background: #F4F5F6;

　　padding: 0px 5px;

　　margin-bottom: 10px;

　　/*设置边距改变效果为内缩*/

　　box-sizing: border-box;

　　}

　　.nav a {

　　color: #505050;

　　/*取消超链接下划线*/

　　text-decoration: none;

　　margin: auto 10px;

　　}

　　.nav::-webkit-scrollbar {

　　/*隐藏滚动条*/

　　display: none;

　　}