水平多個div，超出出現橫向滾動條；隱藏滾動條，但是依然可以滾動；

1. 【問題】水平多個div塊，超出外面div盒子后，水平出現橫向滾動條?

    按常理水平有多個div塊，在超出外面div盒子后，會另起一行顯示；但這不是我們想要的。

    方法：1. 設置多個div塊的外面再套一層div，設置它的寬度等於多個div寬度的和，此時多個div塊外面第二層的div設置overflow：auto，這樣將出現水平滾動條；

                   :style=" 'width:' + '76'*normList.length + 'px;' "

    延伸：1. class和style的綁定：https://cn.vuejs.org/v2/guide/class-and-style.html

　　　　 2. class和style的綁定的Vue源碼分析：待定

2. 【問題】隱藏滾動條，但是依然要可以滾動？

    方法：a：多個div高度； b: 多個div外面第二層的div高度； c: 多個div外面第三層的div高度； d: 滾動條的高度；

　　　　c = a;

　　　　b = a+d;

　　　　其中b的用法：style="height: calc(100% + 8px);overflow: auto;"

    延伸：1. CSS的calc的用法：

 

部分使用代碼：

 <div class="float-left normList">
        <div style="height: calc(100% + 8px);overflow: auto;">
                <div :style="'width:'+'76'*normList.length+'px;'">
                        <span class="active" v-for="(item,index) in normList"     
                            :key="index">指標{{ index }}
                        </span>
                </div>
         </div>
</div>