最簡單的方法：
<div style="height:300px;width:100px;overflow:auto"><div/>（height和width根據需求設定）
注意:如果只寫height就只有垂直滾動條，只寫width就只有水平滾動條,都不寫沒有效果。還有這里overflow設置為auto,也就說是如果你的頁面高度大於300px就會出現滾動條，小於300px就沒有滾動條。同理，如果寬度大於100px出現滾動條，小於就沒有。
你也可以將overflow設置為scroll，即:<div style="height:300px;width:100px;overflow:scroll"><div/>。這樣設定的效果為
不管你的頁面高度大於還是小於300px,都會出現滾動條，寬度同理。
也可以這樣設置：
水平滾動條：<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>