度量单位

font-size:20px;

height:50px;

      //  字体大小变化,

1   种情况

background:red;
font-size:50px;
/*height:20px;*/   //高度自动适配

2种情况

background:red;
font-size:20px;
height:20px;  //   在高度和字体大小相同的情况下,会溢出.

第三情况  字体大于宽度

background:red;
font-size:40px;
height:20px;

第4种情况 跨度大于字体

background:red;     //重点是有上边距但是,字体没有居中,  
font-size:40px;
height:200px;

以上四种都有上边距;

em  是相对于字体变大和缩小

margin:0;
padding:0;
background:red;
font-size:20px;
height:2em;或3em

em和px的区别, px是局对的, em是相对的,根据字体的大小而变化

height设置成百分比是没有效果的..

width 设置成百分比是有效果的, 会同body一样宽.是他相对所在区块的大小.

 font-size 如果设置成百分数则, 参考是浏览器默认字体大小,或者,body的font-size的大小.