from CSS: Flexbox

Flex Itemに指定する

Flex Itemの基準の幅(hypothetical main size)になる

flex-basis のサイズがdefault値になり、

そこからさらにflex-growやflex-shrinkが加味されることで最終的な幅が決定する

flex-basis と併用して width を指定すると、 width は無視される

flex itemの幅は、

content幅→ width → flex-basis の順で決まる

つまり、 flex-basis の値が優先される

ただし、 max-width や min-width は尊重される

これは height についても同様

値

auto

default

Flex Itemの内容に合わせて自動的に幅が指定される

どういうロジックなのか #??

%

Flex Containerの幅に対する割合

数値+単位(emなど)