2012-03-27 9 views
0

親divは、その中身の内容に応じて自動的に縮尺されると考えました。 たとえば、私はそれの中にテキストだけで別のdivを持っている内部の親としてdivがあります。私がファイアウォールを介して見ると、親divがブラウザ全体に広がっていることが示されます。私は内側のdiv内のテキストの長さだけに伸びるべきだと思った。親の尺度をブラウザの幅全体ではなく内部にするにはどうしたらいいですか?デフォルトでparent div内部のコンテンツへのスケーリング

<div id="outter"> 
    <div id="inner">some empty text</div> 
</div> 
+2

あなたのCSSは何ですか? – kamalo

+0

デフォルトでは、divはブロックレベルの要素であり、要素を含む幅の全域にわたっています。 – j08691

+0

あなたはdivにコンテンツを自動的に(CSSを必要とせずに)スケーリングすることができますが、それは縦だけです! –

答えて

0

デフォルトでは、他のdiv内のdivは、そのdivを含むdivと同じ大きさになります。

display:block; 

その場合は:だからあなたはdivの「outter」のサイズを設定しなければならないか、デフォルトでは、ドキュメント

+0

ああ、デフォルトでは、ブラウザの幅はパーセントで表示されます。したがって、divをインラインブロックに設定すると、問題が解決されるはずです。または幅を設定します。テキストを動的に変更してテキストサイズに合わせる必要があるため、幅を設定したくありません。 – user1096509

+0

はい私はこの問題を解決するためにこれをインライン・ブラックに設定し、divも拡張します – chadpeppers

4

display:blockある要素(divがデフォルトである)100%の幅です。 display: inlineまたはinline-block要素がコンテンツに適合します。

0

<div>はブロック要素です。 <span>を試してください。<div style="display:inline"></div> ... <div style="float:left"></div>も同様の効果があります。

0

の100%になります私はあなたがそれらのdivの両方があることがわかりますと思います:

#outer, #inner { 
    display:inline; 
} 

両方の要素の内容が同じになります。

関連する問題