多个div实现横向滚动

多个div实现横向滚动

最近在做项目的时候需要实现多个元素横向排列，需要其可在固定范围内左右滑动，原本以为只需要父元素的宽度固定子元素的宽度超过父元素的宽度几个实现滑动，但事实上并不是这样的。最终实现方式记录如下：
1、实现如下：
设置多个并排的元素外面嵌套一层div（.parentDiv）,设置此div的宽度等于所有子元素的宽度之和.
在.parentDiv的外层在嵌套一个div设置样式style: overflow-x: auto;
实例：div中多个图片实现左右滑动



注：实际中.imgBox的宽度需要js动态添加:img的宽度*img元素的个数。