要素内容に依存する幅の指定についてのメモです。 これらは「CSS basic box model(草案)」に記載されており、MDNのページに分かりやすく説明されています。 本来、これらは幅だけでなく高さの指定にも使えるようなのですが、まだ実装されていませんので確認できません。 2013年4月現在、幅の指定として使えるブラウザはFirefoxとGoogle Chromeです。Safariでは動くんですかね。最新版ないから分かりません。 available or fill-available包含ブロックから該当要素のマージン、ボーダー、パディングのサイズを引いた幅。 現在、Firefoxは-moz-available、Chromeは-webkit-fill-availableで動作します。max-contentややこしい計算式があるんですが、とりあえずは該当要素が取りうる最大の幅として覚えてお
![要素内容に依存する幅の指定について](https://cdn-ak-scissors.b.st-hatena.com/image/square/a51bb369b492e4b453f08ca6dfedb466d0e54672/height=288;version=1;width=512/https%3A%2F%2Funformedbuilding.com%2Fassets%2Fimages%2Fog.png)