最簡單的方法：使用滾動條時必須要有高
<div style="height:300px;width:100px;overflow:auto"><div/>
（height和width根據(jù)需求設(shè)定）注意:如果只寫height就只有垂直滾動條瞄崇，只寫width就只有水平滾動條,都不寫沒有效果。還有這里overflow設(shè)置為auto,也就說是如果你的頁面高度大于300px就會出現(xiàn)滾動條喷屋，小于300px就沒有滾動條。同理瞭恰，如果寬度大于100px出現(xiàn)滾動條屯曹，小于就沒有。
你也可以將overflow設(shè)置為scroll惊畏，即:
<div style="height:300px;width:100px;overflow:scroll"><div/>恶耽。
這樣設(shè)定的效果為不管你的頁面高度大于還是小于300px,都會出現(xiàn)滾動條，寬度同理陕截。
當(dāng)然你也可以這樣寫：
水平滾動條：<div style="width:100px;overflow-x:auto"></div>
垂直滾動條：<div style="height:300px;overflow-y:auto"></div>
水平加垂直：<div style="width:100px;height:300px;overflow-x:auto;overflow-y:auto"></div>
