Takazudo Clipping*

10.3.5 Floating, non-replaced elements

If 'margin-left', or 'margin-right' are computed as 'auto', their used value is '0'.

If 'width' is computed as 'auto', the used value is the "shrink-to-fit" width.

Calculation of the shrink-to-fit width is similar to calculating the width of a table cell using the automatic table layout algorithm. Roughly: calculate the preferred width by formatting the content without breaking lines other than where explicit line breaks occur, and also calculate the preferred minimum width, e.g., by trying all possible line breaks. CSS 2.1 does not define the exact algorithm. Thirdly, find the available width: in this case, this is the width of the containing block minus the used values of 'margin-left', 'border-left-width', 'padding-left', 'padding-right', 'border-right-width', 'margin-right', and the widths of any relevant scroll bars.

W3C CSS2.1 WrokingDraft

要するにどういうことかというと、floatにleft/rightが指定されており、なおかつwidthがautoであった場合、shrink-to-fit（フィットするように縮む）ということです。改行などが入らない限り、内包する要素の幅により、自動的に算出される、テーブルのセルのような幅になると、仕様書をみてたら見つけました。なるほどーではCSS2.1をちゃんと実装するであろう（まだWorkingDraft）ブラウザは何の考えもなしにfloatしても、その幅によって縮んでくれるというわけですな。だから、floatさせたやつの幅は自動的に縮むってことなのだ。

ちなみに、CSS2の仕様書には、この記述は無いため、実際あやふやぽい。こんだけしか書いてない。width:autoについては書いてない。

10.3.5 Floating, non-replaced elements

If 'left', 'right', 'width', 'margin-left', or 'margin-right' are specified as 'auto', their computed value is '0'.

W3C CSS2 Recommendation

ので、ちゃんと定義されているのはCSS2.1からなので、ちと怖くはあるけど、今後はそんなかんじで大丈夫ってことでしょう。たぶん。別に今使っても各ブラウザの動きは、CSS2.1で書かれてるみたいに振舞ってる気がします。というか、ブラウザの実装が先行してこんなかんじになったのかもしんないけど。ちなみに、position:absoluteで配置した要素も、この、shrink-to-fitされたものであるとCSS2.1にはかかれておりますなー。まーたしかにそんな感じになってる。ただ、おばかなMacIEでは、width指定してないfloatされた要素は、幅100%になり、びろーんと幅一杯に伸びる。