分析width:100%;与width:auto;的差别

日期:2021-01-20 类型:科技新闻 

关键词:h5互动游戏,微信h5怎么制作,h5转盘抽奖,h5测试制作,凡科H5

<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值,而非总宽度值.

以上便是本文的所有內容,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,另外也期待多多适用脚本制作之家!