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