在css设置可改变大小的div滚动条样式方法：
1.首先新建html文档，进入代码书写界面。
2.在</head>和<body>的里面写入代码，在<div>里面写入想要输入的内容</div>。
3.书写外层轨道css代码。body::-webkit-scrollbar { width:20pxheight:2pxbackground:#cccborder-radius:10px/*外层轨道*/}
这里主要是设置外层轨道的形状和颜色。
4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:blockwidth:6pxmargin:0 autoborder-radius: 10pxbackground:red/*内层轨道*/}
这里主要是设置内层轨道的形状和颜色。
5.代码工作做完后，就可以查看效果，效果如下红框所示，滚动条设置完成。
<div> 这里要加 overflow-x 这个属性<div> 这里是所有图片的容器
<img>
<img>
<img>
<div>
</div>
外面的容器你需要设置overflow-x:auto里面内容(图片)的总宽度只要超过容器的宽度就会出现滚动条，但有可能一种这样的情况出现的，你的图片如果超出容器的宽度，就会自动切换到下一行，这个时候要么你直接给装载所有图片的容器一个固定宽度，要么就通过js计算所有图片的总宽来决定包含图片的容器的总宽。
