在chrome或firefox中,为什么在这段代码中有padding-bottom?

Koe*_*err 4 html css

我使用doctype:

http://www.w3.org/TR/html4/strict.dtd
Run Code Online (Sandbox Code Playgroud)

完整代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<BODY>
<div style="border:1px solid red;background-color:blue;"><img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png"></div>
</BODY>
</HTML>
Run Code Online (Sandbox Code Playgroud)

你可以在这里看看

在chrome或firefox中,为什么底部有填充?

怎么解决?

(如果我删除doctype,或者在IE中,它就是okey)

替代文字

Jos*_*Lee 9

将图像设置为display: block (预览),它将不再生成线框.(另外,请注意jsFiddle对于doctype切换很烦人,因为它包装了你的HTML.)

阅读内联格式化模型几乎标准模式.