<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就已經充滿div區域,然后自己又有padding,所以會超出div。
而當width:auto時它是總體寬度(包括width,margin,padding,border)等于父級寬度(width,不包含父級的margin,padding,border),所以如果padding已經左右占去10px的空間,那么width給的值就是960px。
但無論是width:100%還是auto,其計算的參照都是父級內容區width值,而非總寬度值.
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網!
新聞熱點
疑難解答