css - flex布局可以怎么把一个div放到另一个div里面，两个div为相邻兄弟元素。不用position。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

伊谢尔伦 2017-04-17 11:48:51

[CSS3讨论组]

1124

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

<p class = "p1">

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

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

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

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

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(6)

天蓬老师2017-04-17 11:50:51 6楼

position:absolute强行定位吧

赞 +0

添加回复

黄舟2017-04-17 11:50:51 5楼

应该是办不到的

赞 +0

添加回复

怪我咯2017-04-17 11:50:51 4楼

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

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

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

赞 +0

添加回复