溢出：自动更改内部div元素宽度

Question

HTML：

<div id="jhjhssed" class="hhsfjhjruweyr" id="fhsdjfhsss" style="">
    <div class='bubble5'>Andrew Stockard
        <img src='Status-tray-online-icon (1).png' class='onlinecircle' />
    </div>
</div>

CSS：

.bubble5 {
    position: relative;
    top: -27px;
    word-wrap: break-word;
    font-size: 15px;
    margin-left: 51px;
    width: auto; 
}
.hhsfjhjruweyr {
    text-shadow: 0 1px 0 #fff;
    color: #000;
    font-family: Arial;
    border-top: 1px solid #8d8d8d;
    overflow: hidden;
}
.hhsfjhjruweyr:hover {
    overflow-y: auto;
}
.onlinecircle {
    position: absolute;
    top: 1px;
    right: 5px;
}

问题是，当我悬停时，滚动条会像预期的那样显示出来，但当我取消悬停时，带有idjhjhsed的div中所有元素的宽度都会发生变化。我所说的变化是指它变得更小，以适应下一次悬停时的滚动条…我想要的是...显示滚动条时的宽度变化很好，但是当滚动条不再可见时，我希望它返回到100%的宽度，我甚至尝试将width:100%添加到divjhjhsed，但它不起作用。我怎么能这么做...

希望我能把自己说清楚..

Answer 1

与各种浏览器最兼容的解决方案可能涉及使用JavaScript。

我最喜欢的跨浏览器JavaScript库是jQuery，我推荐以下解决方案：

$('.hhsfjhjruweyr').mouseout(function(){
    $(this).css('overflow-y', 'hidden');
});

顺便问一下，您从哪里得到像“HHSFJHJRUWEYR”这样的类名？