是位置'初始'跨浏览器 - css答案

【问题标题】：Is position 'initial' cross-browser - css是位置'初始'跨浏览器 - css
【发布时间】：2013-02-26 22:03:12
【问题描述】：

我有一个 css 冲突，所以我必须反对处理某些类 .myclass 的绝对定位属性。但在一种情况下，我希望一个带有.myclass 类的 div 没有绝对定位。所以我输入了position: initial，它可以在 Chrome 中使用，但它是跨浏览器的吗？我用谷歌搜索了它，并没有找到真正准确的东西。

【问题讨论】：

使用继承。首字母从 2011 年开始使用。IE 不支持首字母。

标签： html css cross-browser css-position

【解决方案1】：

位置的默认值为position: static;

【讨论】：

刚刚测试了替换“位置：初始；”对于“位置：静态；”它奏效了。

【解决方案2】：

initial 关键字于 2011 年在 Cascading and Inheritance Module 中引入 -- 它在 FF 19⁺、Chrome、Safari、Opera 15⁺ 中受支持，但目前是not supported 在任何版本的 IE 中。

【讨论】：

啊，是a new generic keyword，这就解释了为什么它没有在css positioning spec 中列出（我认为该规范自添加以来就没有更新）
@Quentin：它在其 propdef 中显示“初始：静态”。术语“初始值”自 CSS1 以来一直在使用，意思是“如果未指定，则此属性的规范默认值”。
@BoltClock — 这个答案虽然描述了正确的事情，但却与错误的事情相关联。我按照链接找到它，但它是在谈论 initial 关键字 而不是 初始值。我已经编辑了答案以指向正确的位置。
@Quentin：我知道 - 我只是说引入关键字是为了允许访问长期存在的初始值概念。

【解决方案3】：

即使是 IE 11 也给了我这个“曲线”。更改为 static 给了我想要的行为。

Chrome 实际上在其下拉菜单中建议将其作为可接受的属性

【讨论】：

【解决方案4】：

我遇到了与position: unset; 在 IE 中不适合我的问题相同的问题。我更改了position: static;，它按预期工作，因为 IE 没有未设置的行为。

【讨论】：