html盒子问题，内容撑起盒子高度，却导致了盒子最下面空白？

jimjane 15小时前

可能因为图片默认是内联（行级）元素，浏览器默认的一些样式行为吧？推荐开发者_Go百科在前端开发时使用一些类似于 normalize.css 的库重置一下浏览器的样式，让所有浏览器更统一。

---

杨酒酒 开发者_开发知识库 15小时前

把图片的 display 设为 block 即可解决这个问题。

---

m13****99 15小时前

开发者_StackOverflow

如果把 div 高度设为图片高度，尽管那个匿名 line box 的底部仍然在那里，但是被溢出掉了。

---

常观己 开发者_如何学Go 15小时前

之前的回答比较草率不严谨，修改了，对不起，_CRY的答案才是正确的

---

常观己 14小时前

开发者_如何转开发

类似问题: https://segmentfault.com/q/10...

---

sl0321 14小时前

图片默认是行内替换元素，并且 vertical-ali开发者_运维百科gn 为 baseline，也就是说它的底部只对齐到 div 的块盒子 (block box) 里面创建的匿名行盒子 (line box) 的 baseline, 而这个位置和整个 div 的底部，也就是由前文中的匿名 line box—它恰好是这个 div 的最后一个 line box—的底部所决定的位置，是有一定空隙的。这一空隙就是问题中白色空白区域的来源。

---