24

id="#item" の html 要素があります。クラス ".new" を "#item" に追加することで "#item" の css をプログラムで変更する UI イベントがあります。最初は「#item」に「position:absolute」を持たせたいと思っています。ただし、クラス「.new」が「#item」に追加されると、Chrome インスペクターで必要な書式を取得できる唯一の方法は、「#item」の css から position:absolute を削除することです。「.new」のcssを介して代わりにこれを実現したいのですが、Chromeインスペクターでは、位置属性を変更するためのオプションは次のとおりです

static
absolute
relative
initial 
inherit
fixed

私が知る限り、Chrome インスペクタで「position:absolute」を削除するのと同じことを行うものはありません。「.new」がcssのデフォルトの位置に戻るためにcssに何を入れるかを誰でも提案できますか。

4

3 に答える 3

44

http://jsbin.com/ICEweli/1/

#test {
  position: absolute;
}

#test {
  position: static;
}

どちらかを削除して違いを確認してください。

于 2013-10-13T22:50:50.113 に答える
19

CSS2 仕様では、要素の初期position値はstatic.

したがって、あなたの場合、宣言を実際に削除できない場合は、宣言を「デフォルト」にリセットしますstatic。

#item {
    position: static;
}
于 2013-10-13T22:50:25.090 に答える