width:100% と width:auto の違いを解析します。

<p>
    <p>1111</p>
</p>
p{
　　width:980px;<br>　　background-color: #ccc;<br>　　height：300px;
}
p{
     width:100%;<br>　　/*width:auto;*/
    padding:10px;<br>　　background-color:#000;<br>
}

p の幅が 100% の場合、p の幅は 980px になり、p 領域を埋め、パディングが含まれるため、p を超えます。

そして、width:autoの場合、それは親の幅(親のmargin、padding、borderを除く幅)と等しい全体の幅(width、margin、padding、orderを含む)であるため、paddingの場合はそれ左右のスペースが 10px 占有されているため、width で指定される値は 960px になります。

ただし、width:100% であっても auto であっても、計算の基準となるのは、合計幅の値ではなく、親コンテンツ領域の幅の値です。

以上がwidth:100% と width:auto の違いを解析します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。