我只知道用flex横着或者竖着排列，但是让兄弟元素和另一个兄弟元素在相同的位置不知道怎么做，在不用position的情况下。

<div class = "div1">  </div> <div class = "div2"> 我想把自己放到蓝色里面去 </div>

<style>     .div1{         width:500px;         height:500px;         background-color:blue;     }     .div2{         width:200px;         height:200px;         background-color:yellow;     } </style>

上面代码出来是这个效果：

不用position，想用flex达到这样：