2

top、bottom、right、またはleftプロパティが指定されていない場合とposition:static同等ですか?position: relative

postion: absoluteを持っていない最初の要素に相対的な要素があるので、私はこれを考えていますpostion: static。で要素を作成するのは任意のようです。これは、他のプロパティが使用されていない場合position: relativeと同じように動作します。vsposition: staticについて何かが足りないかもしれないと考えました。staticrelative

ありがとう!

4

2 に答える 2

6

position: relativeポジショニングなしで使用することposition: staticは、要素自体の場合と同じように機能しますが、を持っている子には違いがありposition: absoluteます。

position絶対位置の要素は、それを含むブロックを基準にして配置され、含むブロックは、以外の設定を持つ最も近い親ですstatic

于 2012-11-15T08:52:47.473 に答える
4

答えはノーです、両方とも異なります

position: static;はデフォルトの位置に過ぎません。使用しtop, right, bottom, leftない限り使用できませんposition: relative, absolute or fixed。マージンを使用する必要があります。さらに、position: relative;子要素が配置されたときに実際に動作するため、静的に保つだけですべての要素がdivabsolute内に浮かぶことができます。 position: relative;、彼らはドキュメントから出て行きます。

例を見てください

Demo1(divを静的に保ち、top、leftを使用しても効果はありません)

Demo2position: relative;上、左に影響を与えるようにする)

Demo3(親divを静的に保ち、配置されている場合、子は流出しますabsolute

Demo4(配置された子divは、配置absoluteされた親divから上、右、下、左を測定しますrelative

この1は短く、非常にシンプルですが、疑問を解消するための強力なチュートリアルビデオです。

そしてCSSポジショニングに関する短い記事

于 2012-11-15T08:38:33.353 に答える