overflow当内容超出容器时的处理

overflow的属性：

（1）visible：默认值，如果超出为显示；
（2）auto：如果超出就出现滚动条，没有超出则不出现滚动条这样就可以出现滚动条；
（3）hidden：如果超出就隐藏；
（4）scroll：如果超出就内容会被修剪，但是浏览器会显示滚动条以便查看其余的

overflow-x：当内容x轴超出容器的宽时的处理；
overflow-y：当内容y轴超出容器的高时的处理； 

设置滚动条的属性：

.details_content{
   width: 1387px;
   height: 659px;
   overflow-x: scroll;
}

1)-webkit-scrollbar：设置水平滚动条的高度，垂直滚动的宽度
2)-webkit-scrollbar-thumb：设置滚动条里面的滑块样式
3)-webkit-scrollbar-track：设置滚动条的轨道背景样式

.details_content::-webkit-scrollbar{
   width: 5px;
   height: 100%;
}
.details_content::-webkit-scrollbar-thumb{
   background: #65b0f7;
   border-radius: 5px;
}
.details_content::-webkit-scrollbar-track{
   background: rgba(8, 26, 48, 0.8);
}