先看代碼:<!DOCTYPE html><html><head>
<meta charset="utf-8">
<title>JS Bin</title>
<style type="text/css">
*{ margin:0 ; padding: 0;
} </style></head><body>
<img src="" alt=""/></body></html>已經(jīng)清空了各種元素的margin和padding,
為什么此時(shí)<body>的高度卻是21px呢?<body>中不是什么都沒(méi)有嗎?
2 回答
繁星淼淼
TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊
在內(nèi)聯(lián)盒模型中存在一個(gè)名叫“strut”的空白盒，是一個(gè)存在于每個(gè)“行框盒子”前面，同時(shí)具有該元素的字體和行高屬性的0寬度的內(nèi)聯(lián)盒，此時(shí)如果你設(shè)置html {font-size: 0} 則body高度就會(huì)變?yōu)?
喵喔喔
TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊
因?yàn)閎ody標(biāo)簽里有空白字符，瀏覽器默認(rèn)字體大小為16px，然后再加上行高(忘記多少了)，算起來(lái)的話就是21px。不信你把<img>標(biāo)簽替換成 ，會(huì)是一樣的效果。可以嘗試將body的font-size設(shè)置為0，那此時(shí)body的高度就是0了
- 2 回答
- 0 關(guān)注
- 801 瀏覽
添加回答
舉報(bào)
0/150
提交
取消