HTML、CSS、絶対位置とは何ですか?

完全に文書から削除絶対位置決め要素ブロックフローに設定され、その含有ブロックに対して位置決めされ、文書内の他の要素を含んでいてもよいブロックは、最初に含まれる、またはブロックされています。

要素がもともと存在しなかったかのように占有ドキュメント空間の通常の流れでオリジナルの要素は、閉じられます。かかわらず、それはノーマルストリームで発生したフレームのどのようなタイプの、フレームの後に位置するブロックレベル要素を生成します。(推奨学習:CSSチュートリアル  )

CSS絶対位置

ドキュメント要素の位置を測位絶対にスペースを占有しないので、流れから独立して、そして。別のこの相対位置は、実際には、ストリーム中のその通常の位置に対して素子の位置がノーマルストリームのローカリゼーションモデルの相対的な位置決めの一部とみなされます。

絶対配置要素のような他の要素の通常の流れのレイアウトは存在しません。

#box_relative { 
  位置:絶対。
  左:30px; 
  トップ:20ピクセル; 
}

下図のように:

CJ-6.gif

最寄りに位置祖先要素に対する構成要素の位置を絶対位置、要素がない祖先要素、初期包含ブロックに対する位置を配置した場合。

それぞれの場所の意味を覚えて位置決めするための主な問題。だから今、私たちはそれを学んだ知識を確認しましょう:相対的な位置は、ドキュメント内の要素「に対する」初期位置であり、そこにはすでにターゲットにされている場合、絶対位置は、位置付け祖先最も近い祖先「に反対」されます次いで要素、第一のブロック含む(comprises)「に対して」。

注:異なるユーザエージェント、最初のブロックを含むキャンバスまたはHTML要素であってもよいです。

ヒント:絶対配置ボックスは、文書の流れとは何の関係もありませんので、そう、彼らはページ上の他の要素をカバーすることができます。積層の順序は、フレームのz-index属性を設定することによって制御することができます。

おすすめ

転載: www.cnblogs.com/mo3408/p/12156478.html