幅が 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_wrapright:5px;#exp_wrap
などのブロック要素は、divデフォルトで に設定されwidth: auto、使用可能な水平方向のスペースをすべて使用します。これは、とが内でカウントさwidth: 100%れることを除いて、動作方法と似ています。paddingborder width: auto
#exp_wrap絶対に配置する必要がない場合は、これを使用してください: http://jsfiddle.net/thirtydot/USvTC/2/
/を再度削除width: 100%し、 に置き換えました。また、マージンの崩壊を避けるために追加しました。.bar_wrap#exp_wrapposition:absolute; top:5px; left:5px;margin: 5px;overflow: hidden.container
子要素の幅を 100% ではなく、512-(2*5) ピクセルの幅 (502) に設定するだけです。