2

div の絶対配置と相対配置について以前に質問しましたがfloat、このコンテキストでの の役割を (確かに) 理解したいと思います。

私の主な質問は、ポジショニングとどのようにfloat関連していますか?absoluterelative div

次の記述は正しいですか (はい/いいえ):

  1. float right(または) は、 (または )からleft順にすべてを積み重ねようとします。十分なスペースがない場合 (問題)、s は次の「行」に表示されます (上から下へ)。divrightleftwidthdiv
  2. float影響はありませんabsolute div。absolute上書きしますfloat
  3. relative div最初の囲みに対して相対的に配置されますrelative div(absolute divは無視されます)
  4. float right(またはleft) a では、div最初に a の自然な位置を計算しrelative div、次に左上のオフセットを追加して最終的な位置を計算します。

ありがとう。

4

3 に答える 3

6

左または右のフロートは、幅が 100% でな​​い限り、インラインで互いに隣り合って配置されます。

ここに画像の説明を入力

これが理にかなっていて、あなたが探しているものであることを願っています.

于 2012-05-03T19:16:35.743 に答える
3

http://www.barelyfitz.com/screencast/html-training/css/positioning/ 7、8、9

CSS フロートを使用すると、要素を左また​​は右に押し込むことができ、他の要素がその要素を囲むことができます。

あなたが提供したステートメントは正しい「ように見える」

于 2012-05-03T17:53:33.890 に答える
1

絶対位置分割は、位置が静的ではない最初の祖先要素にのみ関連します。これは、上、右、下、左のプロパティを介して最終的な場所を決定する方法です。ドキュメントのフローから削除されているため、絶対配置された要素はフローティングできません。

あなたのポイント＃3について混乱していますが、これはあまり意味がありません。相対分割は、ドキュメントに通常表示されるように分割をレンダリングします。その後、どこにも移動していない場合と同じ位置を維持しながら、上、左、下、右のプロパティを使用して移動できます。相対的に配置された要素は、通常の要素と同じように浮動させることができ、移動しても他の浮動要素がどこに移動するかには影響しません。

于 2012-05-03T18:04:00.483 に答える