我将.content-container div设置为display: flex，并将子div（.message-body, .message-action）并排显示，并且.message-actiondiv浮动在右侧。
这是我正在做的事情：https : //codepen.io/anon/pen/ZRZKdZ
如您所见，.message-actiondiv似乎在.message-bodydiv 之下。
如果您希望它们并排使用flex-direction:row，则需要使用而不是column在容器上（有关此属性的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction）。
（也删除float:right）
更新的笔：https : //codepen.io/anon/pen/qKwjNa