解决img撑大父盒子

在浏览器开发者模式中div的高度要高于img的高度，然而div并没有设置边框和内边距。

前提：div没有设置宽高，宽高是由img撑开的

原因：与浏览器的user agent stylesheet有关
user agent stylesheet有时会给某些元素加上默认的margin和padding，从而导致样式出现问题。

解决方法

• 给image设置display:block样式
• 给img设置vertical-align:bottom样式
• 给img设置float:left样式
• 给div设置line-heigth:0样式（因为line-height属性会继承自父元素，所以在其给父元素设置这个值就行了）
• 给div设置font-size样式
• 给div设置heigth，值等同于图片。