給div新增滾動條
阿新 • • 發佈:2018-11-25
最簡單的方法:
<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>