如何使带有类消息的div元素可滚动？溢出: auto不显示滚动条，并且无法滚动div

要使带有类消息的div元素可滚动，可以通过以下步骤实现：

1. 首先，确保该div元素具有固定的高度和宽度，以便容纳其内容并限制其大小。
2. 在CSS中，为该div元素添加样式属性overflow: auto;。这将启用滚动条，并在内容溢出时显示滚动条。
3. 如果希望滚动条始终可见，可以使用overflow: scroll;样式属性代替overflow: auto;。
4. 如果希望滚动条仅在内容溢出时显示，可以使用overflow: hidden;样式属性代替overflow: auto;。

以下是一个示例代码：

<style>
    .scrollable-div {
        width: 300px;
        height: 200px;
        overflow: auto;
    }
</style>

<div class="scrollable-div">
    <!-- 这里放置你的内容 -->
</div>

在上述示例中，.scrollable-div类定义了一个固定宽度和高度的div元素，并启用了滚动条。你可以将你的内容放置在这个div元素中，当内容超出div的尺寸时，将显示滚动条以便滚动查看内容。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发：https://cloud.tencent.com/product/mobile
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse