2012-01-11 6 views
0

私は外側のdivサイズに関係なく、全幅div内のdivは一定のマージンを持つことができますか?

<div id="1"><div id="2"></div></div> 

div#1を持っているが、それは私がからdiv#2に一定のパディングを与えることができますどのように画面外

を押された右ボディの後に来ると私はdiv#2margin:10pxを与えるとき100% の幅を持っています画面のエッジ?

+3

私は分かりません。 'margin:10px'はこれをしないだろうか? –

+0

当時あなたはどんなマージンを得ていますか? – Curt

+0

@Pekka divがすべてのブラウザウィンドウを埋めると仮定したときにのみ問題が発生したので、これを更新しました – ilyo

答えて

1

これまで一貫して唯一の方法は、このようなものでしょうか?

<div id=number1><div id=number2></div></div> 

#number1 { 
    width:100% 
    height:100px; 
    background:red; 
    padding:10px; 
} 

#number2 { 
    width:auto; 
    height:100px; 
    background:blue; 
} 

#number1は、あなたが望む任意の固定幅またはパーセントかもしれないと#number2#number1ことが持っているそのマイナスに合うでしょう。

はところでこのフィドルhttp://jsfiddle.net/Udders/qFStY/

を参照してください:ID tokens must begin with a letter

+0

これはボディ内にあるので、width:100%とpadding:10pxの両方を持つと、水平スクロールバー。 – Wex

1

のdiv#1は、右のボディの後に来ると

が、その後 div#1に幅を与えてはいけない、100%の幅を有しています。幅を指定しないと、 autoとなり、画面が正確に埋め尽くされます。 div#2は、もはやスクリーンの縁を越えて押されることはない。

+0

幅をまったく指定しない場合+1。これを使って 'div#1'に' padding:10px'を追加してください。 – Wex

0

Div 2の幅は、おそらく100%と定義されています。 100%の幅とマージンを与えることはできませんし、親divを押し出すことはできません。 div 2のwidthプロパティをautoに設定します。

0

あなたがあなたの代わりに2に設定され、divの1 & 2でこのjsfiddle example

の違いを参照してくださいdivの上で1

padding:10px;を設定することもできますCollapsing Margins

を経験することができるような音余白10pxと折りたたみマージンは、親div1が上下の間隔を持たないようにします。

div 3 & 4,3はseです。あなたが探していると思うと思う間隔を与える10pxに詰め込む

関連する問題