4

幅が 512px の DIV があります。次に、その DIV 内に別の DIV があります。THAT DIV の幅を 100% に設定しました。しかし、それは私が望んでいたものではありません。

div内にとどまるようにしようとしています。すべての辺で 5px のパディングと同様です。

http://jsfiddle.net/weka/USvTC/

4

2 に答える 2

4

この問題は、 と が の一部ではないためpaddingborder発生してい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

于 2012-05-12T00:04:16.047 に答える
1

子要素の幅を 100% ではなく、512-(2*5) ピクセルの幅 (502) に設定するだけです。

于 2012-05-11T23:58:39.217 に答える