Javascript 溢出：自动隐藏内容

我正在制作下面的演示，它在我的网站上使用snap.js和chart.js

我添加了一些JavaScript，以便在滚动时显示chart.js中的内容，但以下样式似乎有问题：

第10行-CSS:

溢出：自动

它隐藏了内容。如果我删除此样式，它将完美工作：

（无溢出）

我是否应该创建一个
#canvas
样式，以便在其他内容前面显示它？如果不删除snap.js的属性？
问题在于
溢出：auto
隐藏了绝对定位元素。这是因为绝对定位元素基本上是从DOM流中取出的，因此，由于父容器没有赋予它任何高度，所以绝对定位元素被隐藏

最好不要使用绝对定位，或者给容器指定一个特定的高度。或者将元素向左浮动并使用clearfix（我最喜欢的是：after variation）。
我不太擅长CSS，但我按照您的建议尝试了float:left，效果非常好。非常感谢。没问题-请记住也要使用clearfix，因为“float”基本上是将元素“float”在Z轴上的父元素上方，因此您可能会发现下面的内容没有显示在您期望的位置。CeleFixt（应用于父元素）强制父元素将浮动子视为占用空间并相应地设置高度。父：{内容：“”；显示：表；清除：都是；}；