3

テキストを表示し、ページ上に絶対に配置される div があります。絶対に配置されていますが、div は含まれるテキストを表示するのに十分な大きさです。そのdivにインラインスタイルを追加して相対的に配置されるように変更すると、divの幅が突然拡大してページの100％を占めます...

Chrome 開発ツールを使用して、相対位置のオン/オフを切り替えました。オフにすると幅が正しくなり、オンに戻すと div が拡張されます。これはインライン スタイルなので、幅を変更する CSS クラスやセレクターはありません。

Firefox でも同じ問題が発生します。Firebug で削除position: relativeすると、幅が元のサイズに縮小され、テキストがちょうど収まる幅になります。

4

3 に答える 3

3

相対位置DIVがコンテンツの幅を取りたい場合は、DIVfloatにdisplay:inlineまたはを与えることができますdisplay:inline-block

于 2012-05-06T03:01:52.893 に答える
0

HTML と CSS を投稿していただけないでしょうか。それを確認できます。一方、 CSS を使用してコンテナに対して HTML 要素を配置し、 それが役立つかどうかを確認したい場合があります。

于 2012-05-05T05:46:27.560 に答える
0

コンテンツの拡大/縮小に合わせてサイズを変更するには、次のようなものを使用します。

<div style="min-height:30px;max-height:300px;">

つまり、コンテンツに応じて 30 から 300 ピクセルの間で変化します。

また

<div style="min-height:30px;height:auto;">

これは、30px からコンテナーが許容する最大サイズまでの間で変化します (基本的に、永遠に)

于 2012-05-05T05:51:36.263 に答える