問(wèn)題描述

在開發(fā)中遇到了這樣一個(gè)問(wèn)題: 某一部分文字的 font-size 并不是我所規(guī)定的值，但當(dāng)我給文字所在的 span 加上 float 或者設(shè)置 position: absolute 后，有回歸了我設(shè)定的大小，具體如下：

基礎(chǔ)HTML結(jié)構(gòu)：

<p class='order-footer'>???? <span>打折金額：</span>???? <span>62.80</span></p>

在chrome調(diào)試中看到如下：(圖一是p的總樣式，圖二是內(nèi)部span的樣式)

可以看到我只設(shè)定了body的20px以及order-footer的28px，但實(shí)際作用的是33.8361px，設(shè)置過(guò)!important也不起作用。以上情況在我給span添加了float:left或者position: absolute后就回復(fù)了28px的實(shí)際效果。

現(xiàn)在想知道還會(huì)有什么不常見的原因可能造成這種影響

補(bǔ)充1：目前通過(guò)設(shè)置display: inline-block來(lái)解決了這個(gè)問(wèn)題；補(bǔ)充2：根據(jù) @JustGo 所說(shuō)，經(jīng)測(cè)試如下圖所示：一旦把框中的那行font-size取消掉，字體大小就正常了，一點(diǎn)選中，即使并沒(méi)有生效(可以看到我在上方給覆蓋了)，可字體大小依然變成了詭異的33.8361px。不明白這其中的原理。

問(wèn)題解答

給文字的父級(jí)加上max-height:99999px;