今天使用了rem来写样式，前提是要给html设置font-size:100px;这样在计算比例时相对便利点；功效在将一个span标签设置为display:inline-block;时发明span不能能和父元素div同高，然后问了大神，本来是body忘记设置font-size了。

此刻，对付我来说，

　　html{font-size: 100px;}

　　body{font-family:"微软雅黑";font-size: 16px;}

　　　　　　　　　　　　　　　　　　　　　　这两句都是必不成少的前提啊（抹泪儿）！

然后我又在网上查了下这个问题的其他解决步伐，大抵有以下几种。

······················································（以下为转载内容）

bug：HTML里使用rem单位【html{font-size：100px；}】造成高度撑开，垂直不能顶对齐，像添加了margin-top的值；

　　   因为html的字体为100px,所有的默认字体就都为100px，要容下100px的字体固然就要这么高的行高。所以其实a的字体简直是22px,line-height也是22px，问题就呈现了div上；
hack 1：
（1）你可以试着改一下div的行高就行，但是最一劳永逸的要领其实是将body的font-size设为16px，这样你的rem可以接着用而且字体的默认巨细还是16px

（2）垂直对齐的话，，添加line-height属性；给你的盒子添加line-height=‘100px‘

链接地点：https://zhidao.baidu.com/question/585309444029037085.html

hack 2：

（1）div设置高度并给与相对定位,span给与绝对定位。

 （2）div设置高度，span等内联元素设置vertical-align为top。

链接地点：https://www.cnblogs.com/hdwang/p/9833113.html

html根标签设置font-size为100px，使用rem，body没设置字体巨细