私はA4ページを作成しようとしています。今はページの余白が50ピクセルだとしましょう。特定の高さと幅だけでなく、パディング/マージンも使用しますか？
：私がしたいことは、このようなものである
：私は何を得ることはこれです
https://jsfiddle.net/pfs01ucw/
：文書全体（A4）は、私の例では300×300ピクセルです
固定されたコンテナの幅と高さを設定し、余白を追加し、ラッパーをスペース全体に埋め込むだけです。 padding: 50pxを#container DIVに追加すると、すべての辺で高さとサイズが50px増加します（基本的には400x400ピクセルになります）。
どうすればよいですか？
box-sizing: border-box;
幅と高さのプロパティは、コンテンツ、パディングとボーダーではなく、マージンが含まれています。これは、ドキュメントがQuirksモードのときにInternet Explorerで使用されるボックスモデルです。パディングとボーダーはボックスの内側にあることに注意してください。 .box {width：350px; border：10px solid black;}は幅350pxのブラウザでレンダリングされたボックスにつながります。コンテンツボックスは負であってはならず、0にフロアされているため、ボーダーボックスを使用して要素を消滅させることはできません。
ここで、寸法は、width = border + padding + contentの幅、height = border + padding + contentの高さとして計算されます。右
<div id="container">
<div id="wrapper">
</div>
</div>
<style>
#container {
border: 1px solid #000;
height: 300px;
padding: 50px;
width: 300px;
}
#wrapper {
border: 4px solid #000;
height: 100%;
}</style>
私の '＃container' divは400pxの幅と高さです。 – MortenMoulder
ああ、私は 'ボックスのサイズ変更適用されます：私の'＃1 container'に国境box'をし、その後、同様 '＃のcontainer'にパディングを設定します。ありがとう、私はいつもそのことを忘れているようです。 – MortenMoulder
私はフィドルを追加しました。多分あなたはこの記事とコメントを読むこともできます：https://www.paulirish.com/2012/box-sizing-border-box-ftw/ – ksav