親のdivを子スパンで100％正確に塗りたいと思っています。 問題は、私がそれを記入したいスパンです。themerollerをテーマにしており、パディングと余白が変化しています。だから、スパンの高さのためにサイズをハードコードすることはできません。CSS親のdivを100％きれいに塗る
スパンの高さを100％に設定しようとすると、実際にはこのテーマの100％+ 6ピクセルのように塗りつぶされます（ただし、超過量はテーマによって異なります）。親divの100％を満たすことができるスパンのパディング/マージンのサイズに関係なく、どのように作成しますか？
ありがとうございました。
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
を参照してくださいを明確化：すべてのモダンブラウザ（IE8 +）のための作品。
親が 'padding'を代わりに持っていれば、これは動作しません。 [This]（https://jsfiddle.net/mbB8t/137/）はあなたの正確なフィドルで、単に 'div margin 'を' padding'に変更しました。あなたはパディングで同じ結果を達成する方法を知っていますか？ありがとう。 – Jake
@Jake：親divがどのように設定されているかという特別な制約がある場合、パディングを取り除くことができない（またはしたくない）場合は、おそらくあなたの唯一の選択肢は[ //jsfiddle.net/mbB8t/145/）。状況によっては、どちらが望ましいかもしれないし、望ましくないかもしれない。 – ScottS
ありがとう。それはうまくいったように見えます。 – Jake
このようにするには、スパンの2倍幅と高さを足して余白と余白の値を計算する必要があります。スパンにどの値を使用して親divを塗りつぶすかを知ることができます。例を確認し、ここでhttp://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding
あなたは 'box-sizing：border-box; 'を見てください。 – jessegavin
ええ、ちょうど私が私のフィドルを構築している間、彼のコメントで「短いバージョン」の答えが与えられました。 – ScottS