css如何实现给div添加滚动并隐藏滚动条

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; /*x轴禁止滚动*/         　　　　 overflow-y: scroll;/*y轴滚动*/      }     .content::-webkit-scrollbar {         display: none;/*隐藏滚动条*/      }     p{         margin-bottom: 30px;         font-size: 17px;         color: #333;     } </style>

相关视频教程推荐：css视频教程

以上就是css如何实现给div添加滚动并隐藏滚动条的详细内容，更多内容请关注技术你好其它相关文章！