floatを使ったレイアウトについて

主なレイアウトの種類

教科書108ページ参照

• 固定レイアウト
• 可変レイアウト
• リキッドレイアウト
• フレキシブルレイアウト
• 可変グリッドレイアウト

等。
可変グリッドレイアウトについては、注意が必要。
情報の優先順位を付けるという意味において、効果がでにくい。→授業で後ほどつくる。

inline-blockで書くのがなぜダメなのか

メインコンテンツをサイドバーよりも先に読み込ませる必要があるため。inline-blockでは左にサイドバーを作った場合、その順番で読み込む。
floatは右か左に読み込むだけではなく、情報の優先順位を考えて配置する。

Float

今日のポイント：overflow:hidden;