【父元素div跟子元素img大小有0.2误差,不知道从哪里来?】分享自@SegmentFault,传送门:https://segmentfault.com/q/1010000009909061
图片发自简书App
其中有一个答案的解决方法是,用浮动清除内联样式或者设置display: block;
这个答案基本没毛病,但其实追根溯源,这个空白是有原因的。inline 元素会有一个错位,是因为浏览器把它作为一行字来看。
众所周知,英文 a c e 等字母写在格子中间,而 b d p f 等字母则要么往上要么往下突出了一段。
而 inline 元素留下的那一小空白,就是给这些字母留下的。
因此解决办法也很简单,负边距消除,或者改变 display 设定都可以。