css - 切换溢出属性时，谷歌浏览器不会调整内容大小

Question

我有一个处于常规状态的div#pane元素，处于“悬停”状态。在那个 div 里面有一个元素。overflow:hiddenoverflow: autodiv.content

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

此行为仅在 Chrome 中表现出来，Firefox 可以处理此问题。

jsFiddle 玩

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 这个解决方案