为什么'div> a> img'的高度大于包装img的大小？

Question

如果我将img的大小设置为100*100,则包含的div将为100*106.

额外的'6px'来自哪里？这种行为如何符合标准？

Answer 1

@clyde; 是的,这是图像的自然行为,因为img是一个内联元素,因此用户代理会为下行字符留出一些空间.

你可以用css删除它:

img { display:block; } or img { vertical-align:bottom; }

更多检查这些

https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

div的不需要的填充底部