今天使用了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。