CSSのfloatとposition_html/css_WEB-ITnoseについて

postion:relative は、親要素に対する子ブロック レベルの要素の相対的な配置です。位置決めキーワードは left/right/top/bottom を使用します。兄弟ブロック要素は相互に相対的に配置されますが、位置を移動した後も元の位置は保持されます。そして、その後の兄弟ブロック要素の配置は、削除される前の位置に基づいて行われます。

float:right/left は、親要素に対するサブブロック レベルの要素フロー コレクションの位置決めであり、位置決めキーワードはマージン/パディングを使用します。兄弟ブロック要素間の相対的な位置は、移動後の新しい位置に基づいて再レンダリングされ、重複する可能性があり、元の位置はクリアされます。

2 つの最大の違いはポジション予約です。

float 位置:

• li1


• 
  
• li3

位置: 相対位置:

• li1


• li2


• li3

それらを個別に実行して、ランニング効果を確認します。