2012-01-13 17 views
0

私は幅が150pxに固定された親divを持っています。子divを作成すると、フンバグはその幅が150pxだと言います。どうしてこれなの?divを固定幅のdivの内側に配置しようとしています

したがって、divを水平に整列させるためにmargin autoを使用しようとすると、違いはありません。子divに自動的に設定される150ピクセル幅をオーバーライドする方法はありますか?

+0

子divの幅はどこに割り当てていますか? –

+0

あなたが使ったhtmlとcssを入れてください – Maheep

答えて

3

デフォルトでdivはブロック要素であり、ブロック要素は、特に指定がない限り、その要素を含む幅の全体を占めます。

0

@ j08691は、divのブロック要素です。あなたは、次のような効果を持っているスタイルシートまたはインラインスタイルをする必要があります、次のいずれか

<div style="width: 150px; text-align: center;"> 
    <div style="width: [smaller width]; margin: 0 auto; text-align: left;"></div> 
</div> 

..the理由は、内側のdivの幅を持っていない限り、内側のdivのマージンが自動的にサイズを決定することができないということです。

[...テキスト整列のものがちょうどIE6でバックからの汚泥の上に残っている(7?)日;-)]

1

のdivはブロックレベル要素のデフォルトの幅であるため、完全な親。インライン要素の幅は適応的です。例えば、span要素

関連する問題