Question

这恰好是顶部填充加上元素id f3c的底部填充。我附上了两张照片 - 一部是IE8，一部是IE9。

我尝试从调试器中捕获相关信息。基本上我在一个表格内部有一个链接。字段集是页面验证的。

我正在使用链接的相对定位（顶部：9px）。

不确定为什么IE9会从IE8的计算中加入4px，除非由于某种原因它计算（padding-top：2px和padding-bottom：2px）。

ACTUAL DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

IE8

IE9

Answer 1

根据屏幕截图，您可以在内联元素中添加填充。

尝试添加：

display: inline-block;

从那里进行调整。

编辑：

内联元素不应用边距/填充/宽度/高度（他们不应该像浏览器那样具有非标准行为）

块元素可以具有边距/填充/宽度/高度，但它们会导致元素垂直堆叠。

内联块是它们之间的混合体。它们允许其他内联元素垂直放置在它们旁边，但是您也可以为它们添加边距/填充/宽度/高度。

我的一般规则是块级元素是页面（框架）中的重构造元素，其中内联是页面内的内容（粗体，斜体等）。内联块允许您使用边距，填充来稍微捏造内联元素。

注意：请注意，在旧版本的ie中，这仍然不是像素完美。

Answer 2

除了Ben的回答，您可能还想考虑使用Yahoo的YUI Reset CSS，它可以解决浏览器之间不一致的样式。

要使用它，只需将此行添加到HTML页面的head元素即可。

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">

您可以查看重置css的完整，未经过详细说明的版本，了解它的作用here。

Answer 3

你真的在doctype前面有评论标签吗？如果是这样，你就处于怪癖模式。删除评论标签。