有的时候 需要这个滚动条 有的时候不需要这个滚动条
.parent{
height: 200px;
width: 600px;
border: 1px solid #f00;
margin:50px auto;
overflow: auto;
}
.child{
height: 400px;
}
<div class="parent">
<div class="child">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quos praesentium autem repellendus similique sint delectus dolor blanditiis porro quae! Ab voluptates neque ut explicabo sit distinctio doloribus cum magnam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quos praesentium autem repellendus similique sint delectus dolor blanditiis porro quae! Ab voluptates neque ut explicabo sit distinctio doloribus cum magnam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quos praesentium autem repellendus similique sint delectus dolor blanditiis porro quae! Ab voluptates neque ut explicabo sit distinctio doloribus cum magnam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quos praesentium autem repellendus similique sint delectus dolor blanditiis porro quae! Ab voluptates neque ut explicabo sit distinctio doloribus cum magnam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci quos praesentium autem repellendus similique sint delectus dolor blanditiis porro quae! Ab voluptates neque ut explicabo sit distinctio doloribus cum magnam.
</div>
</div>
不需要的时候我们也可以去掉
加上下面得这个属性就可以了
.parent::-webkit-scrollbar{
width: 0;
}