flex布局可以怎么把一个div放到另一个div里面，两个div为相邻兄弟元素。不用position。

Question

我只知道用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达到这样：

Answer 1

看了半天没看懂题目要表达什么。请题主明示。

Answer 2

http://www.ruanyifeng.com/blo...

Answer 3

position:absolute强行定位吧

Answer 4

应该是办不到的

Answer 5

你是不就不想用position，那使用margin——left：-500px呢？行吗？

.parent{
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
 } 
 .div1{
        width:500px;
        height:500px;
        background-color:blue;
    }
    .div2{
        width:200px;
        height:200px;
        background-color:yellow;
        margin-left: -500px;
    }
<div class="parent">
    <div class = "div1">

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

Answer 6

可以一个设置浮动吧