css - font-size屬性可能受到什么不常見因素的影響?(求看詳情)
問題描述
在開發(fā)中遇到了這樣一個(gè)問題: 某一部分文字的 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è)置過!important也不起作用。以上情況在我給span添加了float:left或者position: absolute后就回復(fù)了28px的實(shí)際效果。
現(xiàn)在想知道還會(huì)有什么不常見的原因可能造成這種影響
補(bǔ)充1:目前通過設(shè)置display: inline-block來解決了這個(gè)問題;補(bǔ)充2:根據(jù) @JustGo 所說,經(jīng)測試如下圖所示:一旦把框中的那行font-size取消掉,字體大小就正常了,一點(diǎn)選中,即使并沒有生效(可以看到我在上方給覆蓋了),可字體大小依然變成了詭異的33.8361px。不明白這其中的原理。
問題解答
回答1:給文字的父級加上max-height:99999px;
相關(guān)文章:
1. 數(shù)據(jù)庫 - Mysql的存儲(chǔ)過程真的是個(gè)坑!求助下面的存儲(chǔ)過程哪里錯(cuò)啦,實(shí)在是找不到哪里的問題了。2. php傳對應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器4. python - linux怎么在每天的凌晨2點(diǎn)執(zhí)行一次這個(gè)log.py文件5. 關(guān)于mysql聯(lián)合查詢一對多的顯示結(jié)果問題6. 冒昧問一下,我這php代碼哪里出錯(cuò)了???7. windows誤人子弟啊8. mysql優(yōu)化 - MySQL如何為配置表建立索引?9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 實(shí)現(xiàn)bing搜索工具urlAPI提交
