「位置：相対」は、上、右、左、下に何もありませんか？

私は最も人気のあるウェブサイトのHTML/CSSコードを学んで研究しています。ほとんどの場合、通常の上、左、右、下のプロパティを持たない「位置：相対」プロパティがあります。「位置：相対」は、上、右、左、下に何もありませんか？

これはページフローに何らかの影響を与えますか、それとも静的プロパティのように機能しますか？あなたは要素の絶対位置を定義

Example

2017-01-09 David Santiago Niño

CSSで行うことができる「位置」の種類を頭に浮かべるいい記事です。 https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/なぜそれが 'top'、' left'、 'right'がなくてもいくつかの場所で使われている理由を理解するのに役立ちます'、または' bottom' – haxxxton

ほとんどの場合、top/left/right/bottomを持たない 'position：relative'を持つ親は子と関係があります。例えば、 'absolute'測位は、位置（絶対または相対）を持つ最も近い親を基準にしています。存在しない場合は、' body'に対して相対的です。したがって、主な目的は、子どもの立場は親との相対的なものであると言うことです。 – mrlew

。最も近い位置にあるの相対位置の親の位置。相対の親がない場合、その位置はウィンドウページのベースになります。

出典

2017-01-09 04:23:22 HaryTD

短い答えは：position: relativeが配置要素になり：

これは主にのみ、それが今、この要素に対するposition: absoluteと子要素、ではなく、HTMLのです影響を及ぼすことになります。（ありがとうMichael_B）
width: xx%も、階層に沿って固定幅がない場合、この親要素を基準にしています。
z-indexがこの要素で動作するようになりました。

出典

2017-01-09 04:23:34

子だけでなく、絶対的に配置されたすべての子孫のバウンディングボックスにすることができます。そして、 'body'要素に相対的ではありません。これは*初期のブロック*（すなわち、 'html'）を調べます。また、 'z-index'も非配置要素に対しても機能します（CSS3以降）。 –

絶対的なプロパティを持つ子がない場合、相対的な位置を持つ親だけが、この相対的な親はまだ静的なプロパティとの違いがありますか？ –

@David SantiagoNiño：この回答には複数の箇条書きがあります。 – BoltClock

「位置：相対」は、上、右、左、下に何もありませんか？

答えて

関連する問題