-1
左側が簡単です。フレックスフレックス、右にプッシュ、左にアライメント、幅が異なる
が、どのような応答性の右の部分については、右PUSHEDが左サイドを合わせ、小さなボックスが付属。..画像を参照してください。
左側が簡単です。フレックスフレックス、右にプッシュ、左にアライメント、幅が異なる
が、どのような応答性の右の部分については、右PUSHEDが左サイドを合わせ、小さなボックスが付属。..画像を参照してください。
これを試してみてください:
.container {
display: flex;
justify-content: space-between;
}
.container > div {
display: flex;
flex-direction: column;
}
.right {
align-items: flex-start;
}
.left {
align-items: flex-end;
}
.box {
height: 40px;
width: 100px;
border: 1px solid blue;
margin-bottom: 5px;
}
.wide {
width: 200px;
}
<div class="container">
<div class="left">
<div class="box wide"></div>
<div class="box"></div>
</div>
<div class="right">
<div class="box wide"></div>
<div class="box"></div>
</div>
</div>
ありがとう! =)固定幅のないアイデア? – Valentin
あなたが作業コードスニペットを提供する必要があります。 – LGSon