2009-06-03 19 views
3

私はdivのAの内側のdiv Bの内側のdiv Cを持っているCSS幅の問題の子の親

事業部Aは700pxに幅セットを持って、そしてDIV Cは幅が100pxにに設定されています。 Div Bの幅は設定されていません。

私の問題は、div Bが100%にdivの幅を広げていることです(div Aの幅に合わせるため)。 Div Bのための方法、つまり、子供のdivsに適合する彼の幅はありますか?私はそれがdiv Cとdiv divの近くに置かれている他のdivにラップしたい。

答えて

3

これは存在しないfloat:center属性です。回避策はthis articleを確認してください。

+0

リンクが無効です – user568109

3

B divをフローティング要素にして、その子要素の幅を調整します。

<div id="B" style="float:left;"> 
+0

Hm、良い答え...しかし、私はこれらのC divを配置したいので、div Aの中心にあるように見えます。私がfloatを置くと、div Bに左に置くと、私はそれを行うことができません。 – Goran

+0

B divを中央に揃えたい場合は、左右のマージンをautoに設定して簡単に行うことができますが、フローティングの代わりに幅を指定する必要があります。 – Guffa

+0

はい、divの幅にdivを追加すると、新しいdivのCが追加されたときに自動的にサイズを変更することができなくなります。 – Goran

6

あなたの結果を達成するために、次のコードを使用することができます。

#b { 
    margin:0px auto; 
    overflow:hidden; 
    display:table; 
} 

これはあなたの望ましい結果を与える必要があります。