私は外側のdivサイズに関係なく、全幅div内のdivは一定のマージンを持つことができますか?
<div id="1"><div id="2"></div></div>
div#1
を持っているが、それは私がからdiv#2
に一定のパディングを与えることができますどのように画面外
を押された右ボディの後に来ると私はdiv#2
margin:10px
を与えるとき100%
の幅を持っています画面のエッジ?
私は外側のdivサイズに関係なく、全幅div内のdivは一定のマージンを持つことができますか?
<div id="1"><div id="2"></div></div>
div#1
を持っているが、それは私がからdiv#2
に一定のパディングを与えることができますどのように画面外
を押された右ボディの後に来ると私はdiv#2
margin:10px
を与えるとき100%
の幅を持っています画面のエッジ?
これまで一貫して唯一の方法は、このようなものでしょうか?
<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。
これはボディ内にあるので、width:100%とpadding:10pxの両方を持つと、水平スクロールバー。 – Wex
が、その後のdiv#1は、右のボディの後に来ると
div#1
に幅を与えてはいけない、100%の幅を有しています。幅を指定しないと、
auto
となり、画面が正確に埋め尽くされます。
div#2
は、もはやスクリーンの縁を越えて押されることはない。
幅をまったく指定しない場合+1。これを使って 'div#1'に' padding:10px'を追加してください。 – Wex
Div 2の幅は、おそらく100%と定義されています。 100%の幅とマージンを与えることはできませんし、親divを押し出すことはできません。 div 2のwidthプロパティをautoに設定します。
あなたがあなたの代わりに2に設定され、divの1 & 2でこのjsfiddle example
の違いを参照してくださいdivの上で1
をpadding:10px;
を設定することもできますCollapsing Margins
を経験することができるような音余白10pxと折りたたみマージンは、親div1が上下の間隔を持たないようにします。
div 3 & 4,3はseです。あなたが探していると思うと思う間隔を与える10pxに詰め込む
私は分かりません。 'margin:10px'はこれをしないだろうか? –
当時あなたはどんなマージンを得ていますか? – Curt
@Pekka divがすべてのブラウザウィンドウを埋めると仮定したときにのみ問題が発生したので、これを更新しました – ilyo