web-dev-qa-db-ja.com

CSSを追加して、position：absolute属性を削除します

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のデフォルトの配置。

htmlcssdynamicpositioncss-position
16
Ben Pearce

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

#test {
  position: absolute;
}

#test {
  position: static;
}

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

33
user1508519

CSS2仕様 は、要素の初期position値がstaticであることを示します。

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

#item {
    position: static;
}
15
Sébastien