2012-05-03 7 views
2

私は以前の質問absolute and relative div positioningについて尋ねましたが、私はこの文脈でfloatの役割を(確かに)理解しようとしたいと思います。浮動小数点は、絶対および相対divの位置決めにどのように関連していますか?

私の主な質問は:はabsoluterelativedivに関連していますか?

  1. float right(またはleftright(またはleft)から始まる他のすべての後にdiv 1をスタックしようとします:

    は、次の文は正しい(はい/いいえ)です。十分なスペースがない場合(width問題)、divは次の '行'(上から下)に表示されます。

  2. float
  3. 、これまでabsolute divに影響absoluteオーバーライドfloat
  4. relative divないまず、天然であるもの計算するdivの最初の包囲relative div(無視さabsolute div S)
  5. float right(又はleft)に相対的に配置されていますrelative divの位置に移動し、左上のオフセットを追加して最終位置を計算します。

ありがとうございます。 CSSフロートと

答えて

3

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

、要素は、それを包み込むように、左または右、 せる他の要素にプッシュすることができます。

あなたが正しい、絶対位置部門は、それはトップだ経由して、それが終わるところ、それがどのように決定するかである、その位置静的ではありません最初の祖先要素にのみ関連し、正しい

+1

Wellステートメント3はfalseです...相対位置は、囲みが相対的であるかどうかに依存しません。 – JVerstry

1

を「見える」提供ステートメント、左下のプロパティ。絶対配置された要素は、ドキュメントのフローから削除されているため、フローティングさせることはできません。

あなたのポイント#3については混乱していますが、これはあまり意味がありません。相対的な除算は、ドキュメント内に通常表示されるように除算をレンダリングします。 はまだ維持されていますが、は同じ位置にあります。にはが使われていましたが、どこにも移動されていませんでした。相対的に配置された要素は、任意の通常の要素のように浮かせることができ、浮動している他の要素が移動したときにどこに浮かぶのかには影響しません。これは理にかなっていると

enter image description here

希望は、あなたが探しているものです。

6

フロートは、左または幅が100%でない限り、彼らはお互いのニースの下に座る互いにインラインの隣の右の意志サイト。

関連する問題