1

div 内にテーブルがあり、テーブルを 100% 幅に設定してマージンを与えると、右側のマージンが無視されるようです。ここにフィドルがあります:

http://jsfiddle.net/gFQGb/

4

3 に答える 3

2

幅は要素の実際のコンテンツに適用されるため、 100% 幅のcontentを持つテーブルがあり、その上に幅を 100% を超えるマージンを追加すると、テーブルの右側が親の右側を超えて拡張されます。縁。おそらく、テーブルのマージンの代わりに親のパディングを使用するか、<div>マージンだけの追加のラッパーを使用する必要があります。

于 2012-09-19T20:56:01.123 に答える
0

これが、CSS の既定のボックス モデルのしくみです: 要素の幅 ( で定義width: x) + 境界線 + マージン + パディング = 占めるスペースの合計。

http://css-tricks.com/the-css-box-model/

を使用してボックスモデルを変更できます。box-sizing: border-boxこれによりwidth: 100%、パディング/ボーダーが含まれます。

http://css-tricks.com/box-sizing/

于 2012-09-19T21:03:22.623 に答える
0

クラスに追加padding: 10px;してテーブルから削除するだけです。ここにデモがあります.innermargin

于 2012-09-19T20:59:07.640 に答える