如何使用纯css+div隐藏滚动条
发表于:2026-11-04 作者:千家信息网编辑
千家信息网最后更新 2026年11月04日,这篇文章给大家分享的是有关如何使用纯css+div隐藏滚动条的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css代码:.nav_wrap{height:400px;widt
千家信息网最后更新 2026年11月04日如何使用纯css+div隐藏滚动条
这篇文章给大家分享的是有关如何使用纯css+div隐藏滚动条的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
css代码:
.nav_wrap{
height:400px;
width:200px;
overflow:hidden;
border:1pxsolid#ccc;
margin:20pxauto;
}
.nav_ul{
height:100%;
width:220px;
overflow-y:auto;
overflow-x:hidden;
}
.nav_li{
border:1pxsolid#ccc;
margin:-1px;
height:40px;
line-height:40px;
text-align:center;
font-size:12px;
width:200px;
}
.btn_wrap{
text-align:center;
}
html代码:
之前的一个项目中的菜单用到了这个技巧。那个项目用了iframe。也是让滚动条被遮住了。
今天又顺手把目前在做的项目中的导航菜单的滚动条去掉了。简单总结下来
感谢各位的阅读!关于"如何使用纯css+div隐藏滚动条"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
菜单
项目
代码
内容
更多
篇文章
不错
实用
技巧
文章
看吧
知识
手把
参考
导航
帮助
有关
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网金融科技
国智互联网科技
科技互联网产品
互联网金融监管科技数据
互联网电商科技
互联网科技社
互联网科技战争
互联网科技金融
嘟嘟瓜互联网科技
卓越科技(互联网 )
互联网科技论坛
深圳国际航运科技和互联网
互联网科技热点资讯
互联网科技创新服务
互联网为啥属于高科技
阿大互联网科技有限公司
互联网科技扶贫时间
互联网在线教育科技创业
群盈汇互联网科技有限公司
青岛易易互联网科技
艾特科技互联网
互联网科技英文翻译
互联网科技宣传片
天速互联网络科技有限公司
重庆威客帮互联网科技
恒生互联网科技业指数调整周期
易企秀互联网科技是做什么的
易租星互联网科技有限公司
重庆科技产业互联网有哪些
互联网企业和网络科技有限公司