像素岛沙盒冒险
64.86MB · 2026-02-07
css隐藏下拉滚动条的方法是，通过添加overflow属性来实现，如【overflow:hidden】，此时下拉滚动条会被完全隐藏。需要注意的是，overflow属性只会工作在指定高度的块元素上。
本文操作环境：windows10系统、css 3、thinkpad t480电脑。
在CSS中我们可以利用overflow 属性来控制内容溢出元素框时在对应的元素区间内添加滚动条。
如果我们需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可；如果想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。
注意：overflow 属性只工作于指定高度的块元素上。
举个例子：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>php.cn</title><style>div { background-color: #eee; width: 200px; height: 50px; border: 1px dotted black; overflow: visible;}</style></head><body><div id="overflowTest"><p>这里的文本内容会溢出元素框。</p><p>这里的文本内容会溢出元素框。</p><p>这里的文本内容会溢出元素框。</p></div></body></html>
