溢出：自动隐藏内容

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（我最喜欢的是：变化后）。