今天小编跟大家讲解下有关解析width:100%;与width:auto;的区别 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关解析width:100%;与width:auto;的区别 的相关资料,希望小伙伴们看了有所帮助。
<div> <p>1111</p></div>div{ width:980px;<br> background-color: #ccc;<br> height:300px;}p{ width:100%;<br> 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值 而非总宽度值.
以上就是本文的全部内容 希望本文的内容对大家的学习或者工作能带来一定的帮助 同时也希望多多支持爱蒂网!
来源:爱蒂网