css 给div添加滚动并隐藏滚动条 ，具体代码如下所示:

在html中

<div class="box"> <div>下面内容会单独滚动</div> <div class="scroll"> <div class="content"> <p>1111111111111111</p> <p>222222222222222</p> <p>333333333333333</p> <p>4444444444444444</p> <p>1111111111111111</p> <p>222222222222222</p> <p>333333333333333</p> <p>4444444444444444</p> </div> </div></div>

css部分

<style> div{ font-size: 15px; margin-bottom: 20px; } .content{ height: 300px;v // 必须设定滚动部分的高度 background-color: cadetblue; color: antiquewhite; overflow-x: hidden; 　　　　 overflow-y: scroll; } .content::-webkit-scrollbar { display: none; } p{ margin-bottom: 30px; font-size: 17px; color: #333; }</style>

总结

以上所述是小编给大家介绍的css 给div添加滚动并隐藏滚动条 ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！