Question

我使用doctype：

http://www.w3.org/TR/html4/strict.dtd

完整代码：

<!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>

你可以查看here

在chrome或firefox中，为什么底部有填充？

如何解决？

（如果我删除doctype，或者在IE中，它就是okey）

alt text

Answer 1

将图片设置为display: block (preview)，它将不再生成换行符。（另外，请注意jsFiddle对于doctype切换很烦人，因为它包装了你的HTML。）

了解inline formatting model和almost standards mode。

Answer 2

编辑：jleedev有正确的答案。不删除这个，因为它通常是这类问题的答案

不同的浏览器对元素有不同的“默认”样式。一种流行的技术是使用“CSS Reset”样式表，将所有内容设置为中性值，以便您可以跨浏览器获得一致的结果。

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

2 个答案: