现在的位置: 首页 > web前端 > 正文

div滚动条怎么设置

2020年07月20日 web前端 ⁄ 共 669字 ⁄ 字号 评论关闭

  div添加滚动条只需要指定overflow属性为auto即可,以下实例设置了div水平滚动条:


  div滚动条实例


  <divstyle="height:300px;width:70px;overflow:auto;background:#EEEEEE;">


  </div>


  尝试一下»


  宽度(width)和高度(height)可以根据实际需要来设定。


  以上实例表示如果div内容的高度大于300px就会出现垂直滚动条,小于300px就没有滚动条。如果宽度大于70px会出现水平滚动条,小于就没有。


  如果你想在div中滚动条是一直存在的则可以设置overflow属性为scroll:


  你也可以将overflow设置为scroll,即:


  实例


  <divstyle="height:300px;width:200px;overflow:scroll;background:#EEEEEE;">


  </div>


  尝试一下»


  div滚动条更多设置


  只设置水平滚动条:


  <divstyle="width:100px;overflow-x:auto"></div>


  只设置垂直滚动条:


  <divstyle="height:300px;overflow-y:auto"></div>


  水平与垂直都设置:


  <divstyle="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>


  总之,div滚动条给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.