CSS ブロック要素

css でブロック要素の幅を中身に合わせるときは fit-content を使う

中身によって幅が変わる要素がある。通常のブロック要素はその親ブロックの幅になるが、これを中身の幅にしたいときは

width: fit-content

とする。これを指定されたブロック要素は、その中身の幅に合わせて自動的に決まる。