溢出：自動隱藏內容

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（我最喜歡的是：變體之後）。