鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 為什么 <h4> 標(biāo)簽的 margin-top: 10px; 存在,

為什么 <h4> 標(biāo)簽的 margin-top: 10px; 存在,卻不計(jì)入盒子模型?

這幅圖展示這個(gè)模塊的 <h4> 標(biāo)簽,可以看到上面有 10px 的 margin:

圖片描述

這里展示整個(gè) <div> 標(biāo)簽的范圍,10px 的 margin 消失了:
圖片描述

最后附上 Chrome 控制臺(tái)的 h4 css 截圖:
圖片描述

各位老鐵,這到底是咋回事兒???


還需要什么展示的代碼請(qǐng)直言。

回答
編輯回答
抱緊我

個(gè)人認(rèn)為: div盒子高度(如果沒有顯示聲明height)受內(nèi)部子元素的真實(shí)內(nèi)容所決定, 而margin并不算在真實(shí)內(nèi)容中,可以看控制臺(tái),真實(shí)內(nèi)容為實(shí)線內(nèi)

---- 補(bǔ)充 ----

可以試著增加h4實(shí)線內(nèi)的property,可以發(fā)現(xiàn)div的高度會(huì)發(fā)生相應(yīng)變化

2018年3月15日 10:30
編輯回答
幼梔
2017年9月8日 02:38