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

• Z时代
• 2024-01-10
• 分类：技术分享

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

回答：

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

回答：

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

回答：

position:absolute强行定位吧

回答：

应该是办不到的

回答：

你是不就不想用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>

回答：

可以一个设置浮动吧

以上是 【CSS】flex布局可以怎么把一个div放到另一个div里面，两个div为相邻兄弟元素。不用position。 的全部内容， 来源链接： utcz.com/a/154388.html