我正在做一个实验,发现“概述” CSS2属性在Webkit和Gecko上的实现方式不同

在下面的脚本中,我在另一个div内有一个绝对位置div,但在其外部 float 。 Webkit上的轮廓概述了实际的父div,而在Gecko上,它进行了扩展以覆盖子项。

http://jsfiddle.net/KrCs4/

我有什么想念的吗?我需要在Gecko上覆盖一个属性吗?还是应该将其报告为错误?

Webkit屏幕截图:

Firefox屏幕截图:

编辑:

已确认这是一个错误,这里有一个解决方法:http://jsfiddle.net/7Vfee/(您需要确保父对象的position:relative或绝对位置,此解决方法才能起作用。

最佳答案

Gecko的这种不一致的行为是众所周知的,并且有充分的记录,尽管奇怪的是不是在MDN而是在SitePoint Reference:



这继续影响所有版本的Firefox。目前,除了将您绝对放置的div从其父级中删除并将其相对于其他东西之外,目前尚无可行的解决方法。

10-02 20:51