行内块元素底部出现空白

行内块元素底部出现空白
原因：由于行内块元素默认与文字对齐方式为基线（baseline）对齐。
解决方案一：将父元素字体大小设置为0
解决方案二：将对齐方式改为除基线（baseline）以外的其它方式即可，一般改为vertical-align:bottom;
解决方案三：将行内块改为块元素.display:block;(专门针对图片img标签)