CSS レイアウト: フローティング配置と絶対配置の類似点と相違点 - Cherry_vincent のブログ - CSDN ブログ
フローティング ( float ) および絶対位置指定 (position:absolute )
同じ点:
(1) 全部浮き上がる(元の位置から離れる)
(2) 元の位置を占めない
(3) また、h1パッケージのテキストのラベルに高さのみが設定されている場合はその幅は親要素の幅となり、フロートまたは絶対配置の場合はその幅はh1内のテキストの幅となります。
違い:
float の後、(ここでは float:left)、その背後にあるオブジェクトは元の位置を占めます。
しかし、後ろのオブジェクト内の文字や絵は左側にあることがわかっているようで、自動的に右側に表示されてしまいます。
つまり、背後にあるオブジェクトのテキストや画像はブロックされません。
Position:absolute絶対
しかし、その背後にあるオブジェクトは完全に存在しないものとみなされ、そのまま左上隅に表示されます。
つまり、背後にあるオブジェクトのテキストと画像の左上部分がブロックされます。
デフォルトでは (つまり、h3 はフローティングを設定せず、絶対位置も設定しません)
h3をfloatに設定した場合
h3が絶対位置指定の場合
———————————————
著作権に関する声明: この記事は CSDN ブロガー「cherry_vincent」のオリジナル記事であり、CC 4.0 BY-SA 著作権契約に従い、オリジナルのソースリンクとこれを添付してください。転載用ステートメント。
元のリンク: https://blog.csdn.net/cherry_vicent/article/details/41926287