在设置html的字体大小为100px时，块级元素包裹的行内元素出现不正常下移

背景：准备写移动端自适应界面，使用rem单位，设置了html的font-size：100px，然后根据动态计算的ratio来具体设置页面各方面元素大小尺寸。

问题：当使用div包含的好几个inline-block显示的a标签的时候，a标签设置与div同高，结果如图，a不正常地几乎溢出了div

百思不得其解，以往似乎没有遇到过这样的问题，于是我重新简单写了一个测试页面，显示是正常的，于是我把两个页面样式多方比较，终于发现问题在于html的字体大小设置。。。

最后解决，在a的父元素div标签的样式中设置font-size:0px;问题解决；

css如下

html{font-size:100px;font-size:100px;}
.cfm{
    position:absolute;
    bottom:50%;
    text-align: center;
    width: 100%;
    height:100px;
    background: red;
    font-size:0pxfont-size:0px}
.cfm .btn{
    display:inline-block;
    margin:0 5px;
    top:0px;
    height:100%;
    position:relative;
    border-radius:.1rem;
    padding:0 10px;
    color:#fff;
    font-size:20px;
    background: #17c588;}
.cfm .backbtn{background:#fe2c59;}

html如下

结果如图

同时父元素设置的font-size:0px;可以消除行内块级元素自带的水平边距