修改浏览器滚动条样式

有时候子元素的宽高超过了父元素，就会出现滚动条，浏览器自己的样式又不太好看，那么就可以去修改成我们自己喜欢的样式

// 滚动条外观设置

::-webkit-scrollbar {
   width: 6px;
}

::-webkit-scrollbar-track {
   background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  width: 6px;
  background-color: #d2c8c8;
  border-radius: 10px;
}