<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會(huì)得到980px就已經(jīng)充滿div區(qū)域,然后自己又有padding,所以會(huì)超出div。
而當(dāng)width:auto時(shí)它是總體寬度(包括width,margin,padding,border)等于父級(jí)寬度(width,不包含父級(jí)的margin,padding,border),所以如果padding已經(jīng)左右占去10px的空間,那么width給的值就是960px。
但無論是width:100%還是auto,其計(jì)算的參照都是父級(jí)內(nèi)容區(qū)width值,而非總寬度值.
新聞熱點(diǎn)
疑難解答
圖片精選