p?? img ???? ? ?? ??? ????.
1. p?? ?? ??:0px
?? ????car1.html? ???? ????? 0.
2. p? ? ?? ??? ?? ??:0px
? ?????. ????car2.html? ???? ?? ??? 6px???.
? ??? ??? ??????
2
0
0
走同樣的路，發(fā)現(xiàn)不同的人生
img ??? ?? ?? ?????. img ??? ???? ?? ???? p ?? ??? ??? ??? ??? ????. ??? ???? ??? img?? ?? ??? ??? ? ????. e1? e2? ?? ??? img? p ??? ?????. (?? ???? ?? ???? ??, p ?? ??:0? ???? e1-e2? 0? ? ? ????.)
? ?? ??: ?? 1? 2? ??? ???
3?:
1 p? ??? line-height?? ?????. line-height撐起。
2.默認(rèn)情況下，line-height為normal(1.1-1.2由瀏覽器決定)，又是由font-size決定
3.offsetHeight還包括border
所以，我們?cè)賮砜矗?br>情況1：在父元素p設(shè)置font-size:0;此時(shí)，span繼承font-size:0,但border上下和2px，所以，p的offsetHeight=內(nèi)容高度+border,內(nèi)容高度=img的offsetHeight+span的2px，所以e1.offsetHeight-e2.offsetHeight=2才對(duì)
情況2：在子元素上分別設(shè)置font-size:0;img和span的情況和上述一樣，但是p的font-size默認(rèn)為16px;line-height2. ????? line-height? normal(1.1-1.2? ????? ?? ???)?? font-size??
offsetHeight?? ???#????#? ?????.
#????#??? ?? ???????. #????#?? 1: ?? ?? ?? p? font-size:0? ?????. code>spanfont-size:0? ????? border? ??? ???? 2px??? offsetHeight=? p ??? ?? + ???, ??? ?? = img? offsetHeight + span 2px??? e1.offsetHeight-e2.offsetHeight=2? ?????#????#Case 2: font-size:0;img ?? ?? ??? ?? code> ? span? ??? ?? ????? p? font-size? ????? 16px;line-height ?? ????? ?? ????? ??? ?? ???? ?? ?? ????? ?? ?????. #????#
![[? ?????] Node.js ?? ??](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
