巧妙运用flex布局

假如我们出一个案例，一个大盒子，中间套着两个小盒子，这时，我们想把第一个在左上角，第二个在右下角排布，这时，我们应该怎么做？

想到了吗？
其实是这样的，假如要两个盒子这样布局，可以采用，先将两个盒子沿着主轴两边对齐，justify-content:space-between
之后再给第二个圆的测轴设置aline-self：flex-end，即可实现。

看见似乎很简单，那么好，假如还是这个盒子，我们把上下两个对掉一下位置。

是不是也很简单，我们可以改变一下主轴的方向然后在重新根据小盒子来设置就可以了。