切换溢出属性时，Google Chrome不会调整内容大小

Question

我有一个div#pane元素，overflow:hidden处于常规状态，overflow: auto处于'悬停'状态。在该div中有一个div.content元素。

当div#pane悬停时，div.content会调整大小以适应垂直滚动条。但是，当鼠标指针离开div#pane时，div.content不会更改其宽度，即使滚动条不再可见。

此行为仅在Chrome中显示，Firefox处理此问题。

jsFiddle to play with

Answer 1

我已经设法用Javascript解决了这个问题，虽然它感觉像是一些黑魔法。如果有CSS解决方案，我很乐意接受它。

/* force redraw of the node */
$(".content").on("mouseleave", function () {
   var el = $("<div></div>");
   el.appendTo(this);
    setTimeout(function () {
        el.remove();
    },1);
});

jsFiddle with this solution