已解決430363個問題，去搜搜看，總會有你想問的

font-size:0px的奇怪行為

首頁猿問 font-size:0px的奇怪行為

font-size:0px的奇怪行為

JavaScript

開滿天機 2018-11-14 13:13:49

一個div里面有兩個元素img span.1。在div上設置font-size:0px保存為car1.html,運行結果是0.2。在div的兩個子元素上設置font-size:0px保存為car2.html,運行結果是6px.請問，如何解釋這種行為？

查看完整描述

1 回答

弒天下

TA貢獻1818條經驗獲得超8個贊

指出一點：情況1應該為2

三個點：
1.div的高度是由line-height撐起。
2.默認情況下，line-height為normal(1.1-1.2由瀏覽器決定)，又是由font-size決定
3.offsetHeight還包括border

所以，我們再來看：
情況1：在父元素div設置font-size:0;此時，span繼承font-size:0,但border上下和2px，所以，div的offsetHeight=內容高度+border,內容高度=img的offsetHeight+span的2px，所以e1.offsetHeight-e2.offsetHeight=2才對
情況2：在子元素上分別設置font-size:0;img和span的情況和上述一樣，但是div的font-size默認為16px;line-height值由瀏覽器決定，所以它的內容高度改變了，最后的值由瀏覽器決定。

反對回復 2018-12-12

1 回答
0 關注
564 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

font-size:0px的奇怪行為

font-size:0px的奇怪行為

1 回答

添加回答