2007年08月02日
width:auto;の使い道
最近まであまり使わなかったcssのwidth:auto;ですが、最近よく使うようになりました。理由はメインのレイアウト部分で使用するclassなどを以前よりclass="section"などで使い回すようになったからです。
例えばほとんどのページではwidth:400px;のように幅を固定して、一部のページのみwidth:100%;にしたい場合などあるじゃないですか。でもその場合素直にwidth:100%;にしちゃうと、そのクラスに適用している余白やマージン・ボーダー等の関係で例のよろしくないこと（ボックスモデル問題）が起きてしまうわけですよ。
そこでこの「auto」を利用すると、本来の自然な大きさのブロック要素に戻してくれるというわけです。てなわけで最近width:autoは重宝してます。