本文探讨了在网页布局中，使用div包含img时遇到的高度不一致问题，并提供了一种简单有效的解决方案。通过设置img的display属性为block，可以消除默认换行符导致的高度偏差。
1. 需求在div中嵌入img，img百分之百填充div，一般代码如下：
<div>
<img src="******" width="100%" height="100%"/>
</div>
但是你会发现div总会比img高出几像素。
2. 解决方案
<div>
<img src="******" width="100%" height="100%" style="display:block;"/>
</div>
3.根本原因
因为img是一种类似text的元素，在结束的时候，会在结尾加上一个空白符，所以就会多出几px出来
扫一扫
113
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
