スペースが利用可能な場合でも、要素は拡張しません。必要なスペースだけを使用します。

要素は1の係数で拡張します。他のflexboxアイテムにflex-grow値がない場合、残りのスペースを埋めます。

flex-growの値は相対的であるため、その動作はflexboxアイテムの兄弟要素の値に依存します。

この例では、残りのスペースは3分割されます。

• 1/3は緑色のアイテムに分配されます。
• 2/3はピンク色のアイテムに分配されます。
• 黄色のアイテムには何も分配されず、初期幅を保持します。