1
2
3
4
5
6
7
|
< div > < p >1111</ p > </ div > div{ 980px;< br > < br > height:300px; |
1
2
3
4
5
|
} p{ 100%;< br > /*auto;*/ padding:10px;< br > < br > } |
如果是p的100%,则说明p的width会得到980px就已经充满div区域,然后自己又有padding,所以会超出div。
而当auto时它是总体宽度(包括width,margin,padding,border)等于父级宽度(width,不包含父级的margin,padding,border),所以如果padding已经左右占去10px的空间,那么width给的值就是960px。
但无论是100%还是auto,其计算的参照都是父级内容区width值,而非总宽度值.