<div> 
    <p>1111</p> 

</div> 

div{ 
　　width:980px;
　　background-color: #ccc;
　　height：300px;

} 
p{ 
     width:100%;
　　/*width:auto;*/ 
    padding:10px;
　　background-color:#000;
 
} 

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

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

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