移动端横向水平可滑动的nav导航条

<style>
	.mydeal-nav-brand::-webkit-scrollbar {
	    display: none;
	}
	.mydeal-nav-brand {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
</style>
<nav class="mydeal-nav-brand">
      <div class="deal-content-nav">
           <a href="" class="deal-nav-a"> >All</span></a>
           <a href="?type=available" class="deal-nav-a"> </a>
           <a href="?type=expired" class="deal-nav-a"></a>
           <a href="?type=auditing" class="deal-nav-a"></a>
           <a href="?type=refund" class="deal-nav-a"></a>
      </div>
 </nav>