Css 我有一条聊天信息，div掉下来了

我的聊天信息div浮动在

左侧

和

右侧

，但当回复超过一行时，div会下降

请检查我的密码笔

我想要这个输出：

---

不要让你的

冒泡

浮动，而是使用左边距

编辑：我更新了代码。当然，正确的浮动泡沫也是如此

.message .bubble {
    background: #f0f4f7;
    font-size: 16px;
    padding: 12px 13px;
    border-radius: 5px 5px 5px 0px;
    color: #717070;
    position: relative;
    margin-left: 160px;
}

#chat-messages div.message.right .bubble {
    border-radius: 5px 5px 0px 5px;
    margin-right: 160px;
    max-width: 79%;
    text-align: right;
}

---

在这两种情况下，都没有浮动，而是左/右边距。

不要让您的

气泡浮动，而是使用左边距


编辑：我更新了代码。当然，正确的浮动泡沫也是如此

.message .bubble {
    background: #f0f4f7;
    font-size: 16px;
    padding: 12px 13px;
    border-radius: 5px 5px 5px 0px;
    color: #717070;
    position: relative;
    margin-left: 160px;
}

#chat-messages div.message.right .bubble {
    border-radius: 5px 5px 0px 5px;
    margin-right: 160px;
    max-width: 79%;
    text-align: right;
}

在这两种情况下，都没有浮动，但左边/右边有一个边距。
谢谢你的贡献，但我希望“气泡”div灵活一些“bubble”div应该根据您的贡献的ReplyTanks调整大小，但我希望“bubble”div具有灵活性。”bubble’div应根据回复调整大小