問題描述

我只知道用flex橫著或者豎著排列，但是讓兄弟元素和另一個(gè)兄弟元素在相同的位置不知道怎么做，在不用position的情況下。

<p class = 'p1'></p><p class = 'p2'>我想把自己放到藍(lán)色里面去</p>

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

上面代碼出來是這個(gè)效果：

不用position，想用flex達(dá)到這樣：

問題解答

position:absolute強(qiáng)行定位吧

應(yīng)該是辦不到的

你是不就不想用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'>我想把自己放到藍(lán)色里面去 </p></p>回答4：

可以一個(gè)設(shè)置浮動(dòng)吧

看了半天沒看懂題目要表達(dá)什么。請(qǐng)題主明示。

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