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

【问题标题】：Google Chrome does not resize content when toggling overflow property切换溢出属性时，谷歌浏览器不会调整内容大小
【发布时间】：2013-05-09 16:28:04
【问题描述】：

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

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

这种行为只在 Chrome 中表现出来，Firefox 可以处理。

jsFiddle to play with

【问题讨论】：

我看不出有什么不同。在我的 ff 中也没有做任何事情
@DiederikEEn，您使用的是哪个版本的 Chrome？
26.0.1410.64 @tokarev
我用的是同一个版本。当滚动条消失时，您应该会看到一条红色条带@DiederikEEn
需要背景色c00吗？

标签： css google-chrome hover overflow

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

【讨论】：