CSS“概述”Webkit和Gecko上的不同行为行为

前端之家收集整理的这篇文章主要介绍了CSS“概述”Webkit和Gecko上的不同行为行为前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在做一个实验&我发现“大纲”CSS2属性不是以相同的方式实现Webkit&壁虎

在下面的脚本中,我有一个绝对位置div在另一个div,但漂浮在它外面。 Webkit上的大纲概述了实际的父div,而在Gecko上,它扩展以覆盖子项。

@L_502_0@

我缺少什么吗?有没有属性,我需要覆盖Gecko?或者应该报告为错误

Webkit屏幕截图:

Firefox屏幕截图:

编辑:

它确认是一个错误,这里是一个解决方法:@L_403_1@(你需要确保父的位置:相对或绝对的这个解决方法工作。

解决方法

Gecko的这种不一致的行为是众所周知的,并且有相当充分的记录,虽然奇怪的是不在MDN但在 SitePoint Reference

Firefox up to and including version 3.5 will draw the outline outline around the content of an element that has overflowed its boundaries rather than around the element’s actual set dimensions.

这继续影响所有版本的Firefox。我现在没有看到一个可行的解决方法,它除了删除你绝对定位的div和其父,并将其相对于其他的东西。

猜你在找的CSS相关文章