CSS(二)positionについて

positionには5つの値があります

static:特殊な位置決めがなくて、小さくて透明で、すべてすぐにそれを忘れました

は通常のドキュメントフローであり、positionを設定しないのがデフォルトです.

relative:相対的に位置する父親

がposition:relativeであれば、staticと同じように表現されます.

はtop,bottom,left,rightを加えて正常な位置から逸脱させる必要がある.

注意:relativeは要素をドキュメントストリームから離れません.すなわち、他の要素は、その変化によって変化しない.

fixed:ドロップダウンスクロールバー、まだそこにあります

は、ブラウザの表示ウィンドウに対して位置決めされ、上のナビゲーションバーを風雨にかかわらず(上下スクロール)表示するには、position:fixed

を設定する.

fixedは、要素をドキュメントストリームから離れます.

absolute:絶対位置決め、どこがどこにあるか考えています

relativeがある場合は、relativeの要素をパパとして絶対的に位置決めします.そうしないとbodyに従って位置決めします.

ドキュメントストリームから離れると、元の空間は次のドキュメントストリーム要素に占められます!!

inherit:親要素のposition属性を継承します.