幅が 512px の DIV があります。次に、その DIV 内に別の DIV があります。THAT DIV の幅を 100% に設定しました。しかし、それは私が望んでいたものではありません。
div内にとどまるようにしようとしています。すべての辺で 5px のパディングと同様です。
幅が 512px の DIV があります。次に、その DIV 内に別の DIV があります。THAT DIV の幅を 100% に設定しました。しかし、それは私が望んでいたものではありません。
div内にとどまるようにしようとしています。すべての辺で 5px のパディングと同様です。
この問題は、 と が の一部ではないためpadding
にborder
発生していwidth: 100%
ます。
絶対に配置したい場合は#exp_wrap
、これを使用してください:http://jsfiddle.net/thirtydot/USvTC/1/
/を削除width: 100%
し、 を追加しました。.bar_wrap
#exp_wrap
right:5px;
#exp_wrap
などのブロック要素は、div
デフォルトで に設定されwidth: auto
、使用可能な水平方向のスペースをすべて使用します。これは、とが内でカウントさwidth: 100%
れることを除いて、動作方法と似ています。padding
border
width: auto
#exp_wrap
絶対に配置する必要がない場合は、これを使用してください: http://jsfiddle.net/thirtydot/USvTC/2/
/を再度削除width: 100%
し、 に置き換えました。また、マージンの崩壊を避けるために追加しました。.bar_wrap
#exp_wrap
position:absolute; top:5px; left:5px;
margin: 5px;
overflow: hidden
.container
子要素の幅を 100% ではなく、512-(2*5) ピクセルの幅 (502) に設定するだけです。