css溢出滾動條及去除滾動條的方法

<div class="father">
    <div class="childern"></div>
</div>

<style>
.father{display:flex;overflow:auto;}
.childern{width:200px;flex-shrink:0}
</style>

這樣寫滾動的時候會有滾動條出現，若想去除默認滾動條，可以加上下面這么一句

 

.father::-webkit-scrollbar{
    display: none;
}