CSS----vertical-align默认值产生的间隙

（一）vertical-align：默认值baseline，内联元素在块级元素中产生的空隙


当块级元素box里面的内联块元素img都是以默认的vertical-align：baseline对齐方式的时候，其实并不是完全充满的，而是在底部有一定距离的空隙。
验证：

关于height：默认情况下，这个属性决定的是内容区（ content area）的高度，但是，如果将 box-sizing 设置为 border-box , 这个属性决定的将是边框区域（border area）的高度。即默认值：auto，此时的height的高度有line-height与font-size有关。
（2）解决第一个问题：莫名的空隙
1.设置行内元素为块级元素

2. 使用其他vertical-align值，除了默认值baseline

3. 修改父元素的line-height值(line-height:normal是默认值，约为1.2)

4.修改font-size
默认的font-size为16px,Chrome浏览器

修改默认的font-size为0