小編給大家分享一下CSS中width:100%;與width:auto;的區(qū)別是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)主打移動網(wǎng)站、成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站改版、網(wǎng)絡推廣、網(wǎng)站維護、主機域名、等互聯(lián)網(wǎng)信息服務，為各行業(yè)提供服務。在技術實力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務，根據(jù)網(wǎng)站的內容與功能再決定采用什么樣的設計。最后，要實現(xiàn)符合網(wǎng)站需求的內容、功能與設計，我們還會規(guī)劃穩(wěn)定安全的技術方案做保障。

<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。

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

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

以上是“CSS中width:100%;與width:auto;的區(qū)別是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

標題名稱：CSS中width:100%;與width:auto;的區(qū)別是什么
鏈接分享：http://jinyejixie.com/article28/ghojjp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、微信公眾號、ChatGPT、網(wǎng)頁設計公司、網(wǎng)站制作、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)