floatとpositionの使い分け

てんぽ: floatとpositionの使い分け CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSで段組をやるには普通floatかpositionを使いますが、どのように使い分けるのか。 これはいろいろと試行錯誤しているうちにわかってくるものなので、「そんなこと知ってる」という人も多いかと思いますが、まとめてみます。 条件としては以下のような感じ。 HTMLの記述順は「（ヘッダ→）記事→サイドバー（→フッタ）」を守る 記事領域とサイドバーの長さはページによって異なる（どちらが長くなるかわからない） サイドバーとフッタの文字が重なる、とかは駄目 floatとpositionの違いは、「floatは下方向に融通が利く」のに対し、「positionは上方向に融通が利く」といえます。 何のことかさっぱりわからないと思いますが、つまりこういうことです。 フロートはソース上で

[nevlib]

好みで選ぶものだと思ってたけど、ハマった。使い分けが肝心なんですね。

[webmarksjp]

css

[tomo154]

CSSについて。わかりやすい。

[faintmemory]

段組の基本

[hidehish]

段組

[shidho]

ふーん。

[kasedac]

"clearによってフロートより後に出現する要素との重なりを制御できる（＝floatは下方向に融通が利く）、positionを使えばソース上で自身より先に出現する要素より上に配置できる（＝positionは上方向に融通が利く）"

[YasSo]

この辺、よくわかってなかったんだよね…。