ul内的li横向排列左右滑动

ul{     
      position: absolute;
      left: 2.4rem;
      width: calc(100% - 4.8rem);
      height: 100%;
      vertical-align:top;
      white-space: nowrap;
      overflow-x:scroll;
      overflow-y:hidden;
      -webkit-overflow-scrolling : touch; 

　

li{
      color: white;
      height: 100%;
      font-size: 20px;
      margin-right: 5rem;
      display: inline-block;
      vertical-align:top;
} 

 

}