.right {
display: flex;
background-color: yellowgreen;
}
.left {
display: flex;
background-color: yellow;
}
.container {
display: flex;
background-color: brown;
justify-content: space-between;
}<div class="container">
<div class="temp">
<div class="right">right</div>
<div class="left">left</div>
</div>
</div>如果我洗掉類名為“temp”的 div，則左右 div 會出現在螢屏的左右角。
但如果我保持 div 為“temp”，那么左右 div 會出現在另一個下方。
保持 div 溫度
洗掉 div temp
uj5u.com熱心網友回復：
.container{
display: flex;
background-color: brown;
justify-content: space-between;
flex-direction: column;
}
右 div 和左 div 進來一個在另一個之下。像列。試試這個它會作業
uj5u.com熱心網友回復：
這就是你應該做的！
.container{
display:flex;
background-color: brown;
flex-direction: row;
justify-content: space-between;
}
.container div {width:100px; height:100px;}
.left{background-color: yellow;}
.right{background-color: yellowgreen;}<div class="container">
<div class="left">left</div>
<div class="right">right</div>
</div>uj5u.com熱心網友回復：
只給flex不.temp給.container。
.right {
background-color: yellowgreen;
}
.left {
background-color: yellow;
}
.temp{
display: flex;
background-color: brown;
justify-content: space-between;
}<div class="container">
<div class="temp">
<div class="right">right</div>
<div class="left">left</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/468994.html
上一篇：CSS3-RotateY()居中