私のサンプルページ: http://j25.wasen.net/modules/mod_simplefilelisterv2.0/index.html
200px 幅のラッパーとして DIV を追加しました。
jQuery を使用して、この DIV 内の DIV の幅を検出しようとしましたが、幅が広い (または狭い) 場合でも、すべて 200px 幅として出力されます。
このサイトで見つかったいくつかの異なる手法を試しましたが、これまでのところすべて失敗しました...ラッパーのDIVの真の幅を取得するにはどうすればよいですか?
display: inline-blockdiv のスタイルとして使用します。現時点でdisplay: blockは、div を親と同じ大きさにしますが、内部のタグの表示値はinlineです。
要素内の div の幅を指定していません。これらはブロック要素であり、親の幅を自動的に継承します。
テキストに基づいて実際の幅を持たせたい場合は、スパンのようなインライン要素を試すか、インラインまたはインラインブロックとして明示的に宣言できます。親より大きいアイテムの場合は、white-space:nowrap; を指定する必要があります。けれど。
Chrome で開発者ツールを使用したり、Firefox で Firebug を使用したりすることで、私の言いたいことが理解できます。