html div虚点外边框,html – CSS：如何让滚动条出现在div的边框之外？

我正在为我的网站创建一些聊天框,我不能让垂直滚动条出现在边框之外.

这就是我得到的：

我想要的只是滚动条出现在右边的边框之外.它现在不是很漂亮,是吗？

thix框的主要HTML代码(带有一条消息,用于打开聊天框)如下所示：

PookyFan

12:11

test

我的CSS代码如下所示：

div#sb_messages_set

{

border: 2px solid black;

border-radius: 10px;

background-color: #0080E0;

overflow: auto;

height: 300px;

}

div.sb_message

{

margin: 2px 4px 5px 4px;

border-bottom-style: dashed;

border-width: 1px;

border-color: black;

}

div.sb_message_header

{

clear: both;

display: block;

margin-bottom: 3px;

}

div.sb_message_author

{

display: inline;

text-align: left;

font-weight: bold;

}

div.sb_message_hour

{

display: inline;

float: right;

}

div.sb_message_content

{

clear: both;

text-align: left;

padding-bottom: 5px;

}

有没有办法实现我想要的？我一直在寻找答案,但没有找到任何可以解决我问题的方法.

哦,如果我的代码有任何问题,但它与我的问题没有关系,请分享你的想法,我开始玩最近创建网站很有趣,所以我可能在这里犯了一些新手错误而且我并没有真正意识到这一点.

编辑：重要的是我忘了提到 – 我希望边框始终完全可见,我的意思是 – 我只想滚动消息,但不要让边框滚动它.

换句话说,我不想要那样的东西：

在此图片中,聊天框已滚动一点,顶部和底部框架不可见.但我希望尽管div的内容正在滚动,但整个框架仍然可见.