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的大小.