css - 溢出属性导致部分代码消失？

Question

我试图在我的 div 标签内放置一个滚动条，但当我这样做时，它旁边的箭头消失了。有办法解决这个问题吗？实时预览here .

气泡应该看起来像 this ，当然还有滚动条。

.bubble {
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 8px;
    width: 240px;
    height: 250px;
    padding: 10px;
    margin: 100px auto 100px auto;
    position: relative;
    overflow: scroll;
}
.bubble:before {
    content: "";
    position: absolute;
    left: -25px; 
    top: 24px;
    bottom: auto; 
    border-style: solid;
    border-width: 12px 24px 12px 0px;
    border-color: transparent #000000;
}
.bubble:after {
    content: "";
    position: absolute;
    left: -23px;
    top: 25px;
    bottom: auto;
    border-style: solid;
    border-width: 11px 23px 11px 0px;
    border-color: transparent #ffffff;
    display: block;
    width : 0px;
}

Answer 1

将下面的内容 div 放在气泡 div 中。

将bubble div的内容放入下面的div中，并添加样式..

<div class="content"></div>

内部风格:

.content{
 height:70px;
 overflow-y:scroll;}

希望对您有所帮助