css3 flex弹性布局问题

Question

上面有三个元素，我是用flex对齐的，每个元素宽度是50%，但是第一个元素高度大的时候，第三个元素就换到下一行了，我想把第三个元素放到第二个元素下面，而不是另整一行，这个怎么解决？

Answer 1

已解决！，

父节点设置为：display: block;
子元素都设置为：float: left;

Answer 2

推荐使用网格布局，具体的学习推荐阮一峰的网格布局教程。
使用 flex 当然也能达到图示效果，不过需要先将第二、三个元素装进一个元素里，完成左右的布局，再基于这个容器完成上下的布局。

Answer 3

你设置 flex-wrap: wrap 了吧，不然怎么挤压也不会换行的。

Answer 4

直接左右布局，右边两个啊