首頁 > web前端 > html教學 > 解析width:100%;與width:auto;的差別

解析width:100%;與width:auto;的差別

巴扎黑
發布: 2017-03-14 11:30:10
原創
2216 人瀏覽過

<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的width:100%,則表示p的width會得到980px就已經充滿p區域,然後自己又有padding,所以會超出p。

而當width:auto時它是總體寬度(包括width,margin,padding,border)等於父級寬度(width,不包含父級的margin,padding,border),所以如果padding已經左右佔去10px的空間,那麼width給的值就是960px。

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

以上是解析width:100%;與width:auto;的差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板