溢出：自动隐藏内容

Question

我在下面的演示至极工作使用snap.js和chart.js之在我的网站

DEMO JSFIDDLE

我加了一些JavaScript来显示从chart.js之内容，而你滚动，但好像它是在一些麻烦以下样式：

线10 - CSS：overflow: auto;

至极隐藏的内容。如果删除这种风格它完美的作品：

DEMO2 JSFIDDLE（不溢出）

我应该创建一个#canvas风格让我在其他内容的前面显示呢？不删除snap.js的属性？

Answer 1

问题是，overflow:auto隐藏你的绝对定位元素。发生这种情况的原因是绝对定位的元素基本上不在DOM流中，因此父容器没有任何东西可以给它高度，所以绝对定位的元素是隐藏的。

你最好做的是不使用绝对定位，或给容器一个特定的高度。或者将元素悬浮并使用clearfix（我最喜欢的是：变体之后）。