Удалить позицию: абсолютный атрибут, добавив css

У меня есть элемент html с id = "# item" У меня есть событие пользовательского интерфейса, которое программным образом изменяет css для "#item" , добавляя класс ".new" к "#item" . Первоначально я хочу, чтобы "#item" имел "позицию: абсолютный". Однако, как только класс ".new" добавлен в "#item" , единственный способ получить форматирование, которое я хочу в инспекторе Chrome, - это удалить позицию: абсолютную от css для "#item" . Я хотел бы выполнить это вместо css в ".new", однако в инспекторе Chrome мои параметры изменения атрибута позиции

static
absolute
relative
initial 
inherit
fixed

Насколько я могу судить, ни один из них не делает то же самое, что удаление "position: absolute" в инспекторе Chrome. Может ли кто-нибудь предположить, что положить в css для ".new", чтобы вернуться к положению css по умолчанию.

Ответ 1

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

#test {
  position: absolute;
}

#test {
  position: static;
}

Удалите ту или другую, чтобы увидеть разницу.

Ответ 2

спецификация CSS2 говорит, что начальное значение position элемента static.

Итак, в вашем случае, если вы действительно не можете удалить декларацию, тогда reset это значение "по умолчанию", которое равно static.

#item {
    position: static;
}