Flex-box显示儿童div并排显示

时间:2018-07-03 21:36:55

标签: html css flexbox

我有一个Created Log [07/03/18 17:23:34] Created Timestamp [07/03/18 17:23:34] looking for all files with a date modified older than 06/26/2018 17:23:34 [07/03/18 17:23:34] There are files to transfer [07/03/18 17:23:34] Here are the files and directories I am working on today D i r e c t o r y : C : \ t e m p \ t e s t \ N e w f o l d e r M o d e L a s t W r i t e T i m e L e n g t h N a m e - - - - - - - - - - - - - - - - - - - - - - - - - - - - a - - - - 9 / 1 9 / 2 0 1 4 6 : 4 1 A M 8 8 4 7 9 8 2 0 6 S h a k e I t O f f - C o p y . m p 3 .content-container设置为div,并且我想与{{1 }} div浮动到右侧。

这是我正在做的事情: https://codepen.io/anon/pen/ZRZKdZ

如您所见,display: flex格似乎低于.message-body, .message-action格。

1 个答案:

答案 0 :(得分:4)

如果您希望它们并排使用,则需要在容器上使用flex-direction:row而不是column请阅读https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction以获得该属性的更多信息 )。

还要删除float:right

更新笔:https://codepen.io/anon/pen/qKwjNa