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

Cly*_*yde 23 css dom

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

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

san*_*eep 34

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

你可以用css删除它:

img { display:block; } or img { vertical-align:bottom; }
Run Code Online (Sandbox Code Playgroud)

更多检查这些

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

div的不需要的填充底部