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

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

這幅圖展示這個模塊的 <h4> 標簽,可以看到上面有 10px 的 margin:

圖片描述

這里展示整個 <div> 標簽的范圍,10px 的 margin 消失了:
圖片描述

最后附上 Chrome 控制臺的 h4 css 截圖:
圖片描述

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


還需要什么展示的代碼請直言。

回答
編輯回答
抱緊我

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

---- 補充 ----

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

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