CSS中各個(gè)百分比值是相對(duì)哪個(gè)計(jì)算春瞬？
例如設(shè)置子元素 width:50%
<div class="father">
<div class="son"></div>
</div>
.son{
width:50%;
}
.son的
width是相對(duì)于父元素的content區(qū)域的寬度值計(jì)算
height 是相對(duì)于父元素的content區(qū)域的高度值計(jì)算
padding-left惫确，padding-right，padding-top眼耀，padding-bottom是相對(duì)于父元素的content區(qū)域的寬度值計(jì)算
margin-left英支，margin-right，margin-top哮伟，margin-bottom是相對(duì)于父元素的content區(qū)域的寬度值計(jì)算
對(duì)于position:absolute的元素干花，計(jì)算值有些特殊
例如設(shè)置子元素 left:50%;
<div class="father">
<div class="son"></div>
</div>
.son{
position:absolute;
left:50%;
}
.son的
left值或者right值是相對(duì)于包含塊的寬度計(jì)算的
top值或者bottom值是相對(duì)于包含塊的高度計(jì)算的
對(duì)于position:relative的元素，計(jì)算值和寬高計(jì)算規(guī)則相同
例如設(shè)置子元素 left:50%;
<div class="father">
<div class="son"></div>
</div>
.son{
position:relative;
left:50%;
}
left值或者right值是相對(duì)于父元素的寬度計(jì)算的
top值或者bottom值是相對(duì)于父元素的高度計(jì)算的
