と同じようなレイアウトになっています。
<div>
<table>
</table>
</div>
私はdiv
がtable
の幅までしか拡大しないようにしたいと考えています。
CSSがshrink-to-fitと呼ぶ幅を持つブロック要素が欲しいのですが、仕様ではそのようなものを得るための祝福された方法は提供されていません。CSS2では、shrink-to-fitは目標ではなく、ブラウザが何もないところから幅を「得なければならない」状況に対処するための手段です。そのような状況とは
幅が指定されていない場合欲しいものはCSS3で追加することを考えているらしい。とりあえず、上記のいずれかで対応してください。
この機能を直接公開しないという判断は不思議に思えるかもしれませんが、ちゃんとした理由があります。お金がかかるからです。Shrink-to-fitは、少なくとも2回のフォーマットを意味します。要素の幅を知るまでは、フォーマットを始めることはできませんし、コンテンツ全体を見ないと幅を計算することはできません。さらに、縮小要素は思ったよりも頻繁には必要ありません。なぜテーブルの周りに余分なdivが必要なのでしょうか?もしかしたら、テーブルのキャプションだけが必要なのかもしれません。