ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS親子DIVの絶対配置と相対配置の位置関係は何ですか?_html/css_WEB-ITnose

CSS親子DIVの絶対配置と相対配置の位置関係は何ですか?_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:53:44
オリジナル
2602 人が閲覧しました

2 つの状況があります:

1) 親 DIV が相対配置を採用する場合、その子 DIV は絶対配置のみを採用できますか? (私の理解によると、子 DIV は常に親 DIV の上に浮動します)

2) 親 DIV が絶対配置を採用している場合、その子 DIV は定義できますか?


ディスカッションへの返信 (解決策)

親がposition:relativeを使用せずに直接使用する場合の絶対位置指定このとき、position:absolute を使用して定義されたオブジェクトが DIV 構造の何階層にあるかに関係なく、body タグが親になります。親 (基準レベル)。

親はposition:相対位置を定義し、子はposition:absolute絶対位置属性を定義し、子は絶対位置に左または右と上または下を使用します



絶対配置はボディタグをターゲットとします

相対配置は親タグをターゲットとします

絶対配置はボディタグをターゲットとします

相対配置は親タグをターゲットとしますタグ



誤解を与えないでください。相対位置は現在の位置を基準にします。位置が使用されるかどうかに関係なく、親要素は親要素を使用します。親、親、親、、要素に移動して、どの祖先要素が配置を使用しているかを確認します (配置スタイルが使用されている場合)。これは、祖先要素の配置に基づきます。

絶対配置: 親要素が配置スタイルを使用する場合、親要素が配置スタイルを使用せず、親要素が配置スタイルを使用する場合は、親要素に従って配置されます。配置スタイルの場合、親要素に基づいて配置されます。おじいちゃんがまだ配置スタイルを使用していない場合はどうなるでしょうか。おじいちゃんの父親 (Zeng Ziyi) が位置決めスタイルを使用しているかどうかを確認してください。そうであれば、祖先要素が最後まで見つからない場合は、位置決めスタイルを使用します。次に、体をポジショニングとして使用します。

絶対配置された要素に親要素がない場合、trbl は今後本文に対して相対的に配置されます。
絶対配置された要素に親要素があるが、親要素が配置されていない場合は、このとき、trbl は引き続きボディに対して配置されます。
絶対配置要素に親要素があり、その親要素に位置決め (非静的) がある場合、絶対配置要素のオフセットはその親要素に基づきます。
絶対に配置された要素は標準フローから外れ、ページ上の位置を占めません。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート