Html Flex box并排显示子div

我有一个.content容器div，设置为display:flex和children divs.message body、.message action并排显示，其中.message action div向右浮动

以下是我的工作内容：

如您所见，.message action div似乎位于.message body div的下方。

如果您希望并排阅读有关此属性的详细信息，则需要在容器上使用flex direction:row而不是column

同时拆下浮子：右

更新的画笔：

如果希望并排阅读有关此属性的详细信息，则需要在容器上使用flex direction:row而不是column

同时拆下浮子：右

更新笔：