css - 这里多余的5px怎么来的？

Question

游览器显示 父级 p#content 的 height 为 107px
但是 子级 图片高度(80px) + 上下 border (1px) + 上下margin（10px）=102px
问题 多出来的5px 怎么的？

Answer 1

给了我一个安利的机会，看看这个，完全可以解决问题并且了解为什么会产生

Answer 2

给p设置个font-size:0试下，就是img的父盒子

Answer 3

父元素加个 font-size:0试试

Answer 4

这是因为其实img标签是介于inline-block和block元素之间的，不同浏览器这个值是不同的，有很多解决方法，如以下三种：
1、将img标签设置为display:block;
2、将img增加属性vertical-align:top;
3、给img的父级元素设置属性font-size:0;

Answer 5

http://www.zhangxinxu.com/wor...
这篇文章可以帮到你