<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就已經(jīng)充滿div區(qū)域，然后自己又有padding，所以會超出div。
而當(dāng)width:auto時它是總體寬度（包括width，margin,padding,border）等于父級寬度（width，不包含父級的margin,padding,border），所以如果padding已經(jīng)左右占去10px的空間，那么width給的值就是960px。
但無論是width:100%還是auto，其計算的參照都是父級內(nèi)容區(qū)width值，而非總寬度值.
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持！
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。