【デモ】flexbox横並びで子要素の指定を変えた際の見え方
子要素にwidthを設定しない場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4
子要素にwidthを100%で設定した場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4
子要素にwidthを25%で設定した場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4
子要素にwidthを200pxで設定した場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4
子要素にwidthを350pxで設定した場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4
子要素にflex-grow:1;を設定した場合
フレックスアイテム1
フレックスアイテム2
フレックスアイテム3
フレックスアイテム4