0

我试图定位一个只有 8px 高的图像作为页面上的第一个元素。我将位置设置为“top:0”和“left:0”,但除了 IE 之外,图像一直出现在它下方的图像下方。当我将位置更改为“top:-8px”时,图像在 Chrome 中出现在正确的位置,在 Firefox 和 Safari 中出现了一个像素,在 IE 中完全错误。更改 div 的高度似乎没有影响,浮动属性、边距等的更改也没有影响。最终,我删除了顶部图像并将其合并到其下方的较大图像中(当然,对所有内容进行了一些修改) ,然后我将该新图像作为页面上的第一个元素,具有相同的零、零坐标以及之后正确定位的所有元素。这工作得很好,但我 我仍然想知道问题出在哪里。似乎一旦一个元素低于某个大小,所有的赌注都被取消了。这是否与字体高度有关(即使没有涉及字体)?既然我已经解决了这个问题,我至少有一个答案,但如果对正在发生的事情有更好、更官方的解释,我会很感兴趣,尤其是关于 Chrome 和 FF 之间的一个像素偏移。

4

1 回答 1

0

每个浏览器都有一个默认值设置为“某物”。例如,纯文本可能在 IE 中显示为“Times New Roman”字体,但在 Chrome 中显示为“Arial”。它们是浏览器设置的默认值。我不知道问题是否在于浏览器的默认设置。

于 2014-03-15T20:57:43.827 回答