頂部導航欄的寫法

.goodsType {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem 3%;
}
.goodsTypeitem {
    margin-right: 0.8rem;
    display: inline-block;
    color: #FFF;
    font-size: 0.85rem;
    font-weight: 700;
}
.goodsActive {
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 0.15rem solid #FFF;
}

<ul class="goodsType" id="goodsType">
   <li class="goodsTypeitem goodsActive" tapmode onclick="fnGoodsType(0)">熱搶</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(1)">推薦</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(2)">榜單</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(3)">電子</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(4)">女裝</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(5)">男裝</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(6)">鞋包</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(7)">鞋包</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(8)">鞋包</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(9)">鞋包</li>
   <li class="goodsTypeitem" tapmode onclick="fnGoodsType(10)">鞋包</li>
</ul>