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放在bubble div中。

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

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

内部风格：

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

希望能帮助

Answer 2

尝试将气泡的内容放在div中，并在该子div上放置溢出：滚动，而不是放在整个气泡上。

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

2 个答案: