html - 通过添加 css 删除 position:absolute 属性

Question

我有一个 id="#item" 的 html 元素我有一个 UI 事件，它通过将类“.new”添加到“#item”来编程更改“#item”的 css。最初我希望“#item”具有“位置：绝对”。但是，一旦将“.new”类添加到“#item”中，我可以在 Chrome 检查器中获得所需格式的唯一方法是从“#item”的 css 中删除位置：绝对。我想通过“.new”中的 css 来完成此操作，但是在 Chrome 检查器中，我更改位置属性的选项是

static
absolute
relative
initial 
inherit
fixed

据我所知，这些都与在 Chrome 检查器中删除“位置：绝对”相同。任何人都可以建议在“.new”的 css 中放置什么以恢复到 css 默认定位。

Answer 1

http://jsbin.com/ICeweli/1/

#test {
  position: absolute;
}

#test {
  position: static;
}

删除一个或另一个以查看差异。

Answer 2

CSS2 规范说元素的初始position值为static.

因此，在您的情况下，如果您实际上无法删除声明，则将其重置为“默认”，即static.

#item {
    position: static;
}

Answer 3

您不能使用“无”作为选项。为了我的需要，

.search-bar{
    position: static;
}

做了这项工作。