css - パディングは div を引き伸ばします

Question

ページの 99% にしたい div があり、テキストをボックスの端から 1em 離して開始します。以下は私のコーディングです。1em パディングを追加すると、div がページよりも広くなります。さまざまな解像度の携帯電話やタブレットで見栄えを良くするために、固定幅を使用したくありません。

ボックス内のすべてのテキストを端から離して開始し、ボックスのサイズを変更しないようにするにはどうすればよいですか?

#contents {
    float: left;
    width: 99%;
    border-radius: 1em;
    margin: .5% .5% .25% .5%;
    padding-left: 1em;
    background-color: #B7ECFF;
}

Answer 1

パディングとしてパーセンテージを使用し、パディングに使用したパーセンテージに基づいてページの幅を変更します。元：

#contents {
    float: left;
    width: 98%;
    border-radius: 1em;
    margin: .5% .5% .25% .5%;
    padding-left: 1%;
    background-color: #B7ECFF;
}