3つの方法がラップしていないDIV

オリジナル：https://www.cnblogs.com/zouwangblog/p/11149621.html

浮く

<DIV CLASS = "DIV1"> 123 </ DIV> 
<DIV CLASS = "DIV2"> 456 </ div> 
<スタイル> 
.div1 { 
フロート：左; 
} 
.div2 { 
フロート：左; 
} 
</スタイル>

　　

インラインブロック

<DIV CLASS = "DIV1"> 123 </ DIV> 
<DIV CLASS = "DIV2"> 456 </ div> 
<スタイル> 
.div1 { 
表示：インラインブロック。
} 
.div2 { 
表示：インラインブロック。
} 
</スタイル>

フレックス

これは、親要素のセットです！！！

<DIV CLASS = "親"> 
<DIV CLASS = "DIV1"> 123 </ DIV> 
<DIV CLASS = "DIV2"> 456 </ div> 
</ div> 
<スタイル> 
.parent { 
ディスプレイ：曲がります。
} 
</スタイル>