CSSでパディングプロパティが幅または高さを変更しないようにするにはどうすればよいですか？

DIVsでサイトを作成しています。DIVを作成するときを除いて、すべてがうまくいきます。私はこれらを次のように作成します（例）：

newdiv {
    width: 200px;
    height: 60px;
    padding-left: 20px;
    text-align: left;
}

padding-leftプロパティを追加すると、幅がDIV220pxに変わり、200pxのままにしておきます。

DIVとanotherdivまったく同じ名前の別の名前を作成しnewdiv、その中に配置しnewdivたnewdivが、パディングがなく、anotherdivがあるとしますpadding-left: 20px。同じことを取得しnewdivます。幅は220pxになります。

この問題を解決するにはどうすればよいですか？

プロパティを追加：

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

注：これは、バージョン8より前のInternet Explorerでは機能しません。

使用してますnewDivでのdivを置くwidth: autoと、margin-left: 20px

newdivからパディングを削除します。

W3 Boxモデルのページには良い情報があります。

これを試して

box-sizing: border-box;

divのサイズを変更せずにdiv内のテキストをインデントしたい場合は、text-indentではなくCSS を使用してくださいpadding-left。

.indent {
  text-indent: 1em;
}
.border {
  border-style: solid;
}

<div class="border">
  Non indented
</div>

<br>

<div class="border indent">
  Indented
</div>

単に追加 box-sizing: border-box;

padding-leftプロパティを追加すると、DIVの幅が220pxに変わります

はい、それはまさに基準に準拠しています。それはそれが働くことになっている方法です。

newdivとまったく同じanotherdivという名前の別のDIVを作成し、それをnewdiv内に配置するとしますが、newdivにはパディングがなく、anotherdivにはpadding-left：20pxがあります。同じことが得られ、newdivの幅は220pxになります。

いいえ、newdivの幅は200pxのままです。

20pxのパディングがある場合はdivの幅を160pxに変更するだけで、divの幅に40pxが追加されるため、divを通常の外観に保ち、余分な幅で歪まないようにするには、幅から40pxを引く必要があります。あなたのテキストはすべて台無しにされました。