水平滚动但在父级

Question

如何设置可水平滚动的div（中间为1000像素），但其子级弹出父div之外？

我偶然用overflow:scroll进行了水平滚动 https://codepen.io/joshhunt/full/LVQZRa/

但是当我将父级设置为max-width:1000px并使其居中对齐时，子级就全部被剪掉了。

Udacity有一个我想实现的示例，但我认为他们正在使用一个库，因此无法复制它... https://www.udacity.com/course/ai-for-trading--nd880