盒子問題?。?！
如圖所示，height設(shè)置50培訓(xùn)，line-height設(shè)置70px，但是盒子1仍然在border以內(nèi)。
我的推測是盒子1文字頂部到border-top的值是line-height的一半，也就是35px。
但是問題來了，這里設(shè)置的字體大小是20px，如果上面推斷成立，那么剩下的空間是50px-35px=15px，放不下字。
我需要代碼結(jié)果圖的盒子里各個數(shù)據(jù)的值（盒子大小，字的大小，填充）哪位好心人可以標(biāo)出來并且解釋一下，我自己已經(jīng)徹底混亂了。
2020-05-19
line-height是文字這個元素所占的高度吧，文字本身字體高度20px，處于line-height的中線上。也就是說，文字以上border-top以下的位置是（70/2-20/2）=25px，文字下沿到box1上沿的高度是50-25=25>20，應(yīng)該是放的下字的。這是我的個人理解。
2020-02-17
你這個總高度好像是文字20px+padding上下就是（20px+20px）+border（1px+1px）。因為盒子是被內(nèi)容給撐大的，一般不會設(shè)height！