css如何隐藏滚动条

css隐藏滚动条的方法：1. 纯CSS+div样式隐藏；2. 给需要滚动的元素添加伪选择器；3. 在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象。

方法/步骤1:

原理如下: 可以用padding等，把滚动条挤出到外面去，达到隐藏的效果。

具体操作：

在当前div的外面在嵌套一个div，外面div设置隐藏滚动条，里面的div宽度小于外面n像素，右内边距设置成n像素，然后在设置显示竖直滚动条

方法/步骤2：

代码很简单，我用一个for循环在div中生成了200条段落，

然后div又设置了固定的高宽，这样所有的段落超过了这个高宽，自然就会让div出现滚动条了

方法/步骤3:

运行结果如下图所示：

方法/步骤4:

设置外面div设置隐藏滚动条，里面的div宽度小于外面n像素，右内边距设置成n像素，然后在设置显示竖直滚动条

代码如下：

最后，推荐我们的管理工具给大家。