Bootstrap 滚动条

一：添加bootstrap样式增加滚动条

其实只要在 相关模块的  class属性中，再加上  pre-scrollable 即可。

例如是在<div >中添加pre-scrollable：<div class="pre-scrollable">

二：通过设置overflow增加滚动条


(1)<div style=" overflow:scroll; width:400px; height:400px;”></div>


记住宽和高一定要设置噢，否则不成的，不过在不超出时，会有下面的滚动条，所以不是最好的选择.


(2)<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>


记住宽和高一定要设置噢，否则不成的.这样比较好的是，在宽和高不超出时，只是一条线.\


(3)直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：


<div style="position:absolute; height:400px; overflow:auto"></div>


如果要出现水平滚动条，则： overflow-x:auto


同理，垂直滚动条为： overflow-y:auto


如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

三：隐藏滚动条

 {overflow: hidden !important;}  或者 ｛overflow-x: hidden;      overflow-y: hidden;｝可分别隐藏x轴或y轴的滚动条