css如何隐藏滚动条

发布时间：2025-09-21 12:30:13 阅读量： 0 来源： 互联网转载

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

方法/步骤1:

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

具体操作：

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

方法/步骤2：

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

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

方法/步骤3:

运行结果如下图所示：

方法/步骤4:

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

代码如下：

热门文章