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

如果是p的width:100%，則說明p的width會得到980px就已經充滿div區域，然后自己又有padding，所以會超出div。

而當width:auto時它是總體寬度（包括width，margin,padding,border）等于父級寬度（width，不包含父級的margin,padding,border），所以如果padding已經左右占去10px的空間，那么width給的值就是960px。

但無論是width:100%還是auto，其計算的參照都是父級內容區width值，而非總寬度值.

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！