Question

自适应高度的div里放置图片在下方会有一点空白距离，这是为何？

<div style="width:1400px;border:1px solid #999;"><img src="1.jpg" style="width:100%"></div>

Answer 1

这个属于img属性问题。

img标签属于行变量标签，和文字一样，下面有一个字间距。

<div style="width:1400px;border:1px solid #999;"><img style ="display:block;" src="1.jpg" style="width:100%"></div>
你对img属性，增加一个 display:block; 即可去掉下面空白。

Answer 2

图片如果没有问题，那我觉得应该就是 padding 或者 margin 的问题了。 你可以写一个margin-bottom:0px; padding-bottom:0px;

2.还有可能是某个属性继承了外面div的属性
3.浏览器不兼容
4.这个div 宽+边框宽 大于外面的div。