制作記事 Web制作マークアップCSSfloatの使用上の注意

floatの使用上の注意

floatとwidthはペアで使用する

CSS2.1の勧告候補ではwidthなしでも自動的に幅がフィットされる。しかし、Mac IE5ではうまく表示されない。

親ボックスの幅をしっかり把握!

参考:ブラウザによるwidhプロパティの解釈の違い

  • width + padding + border + margin(css)
  • width + margin(IE5や古いブラウザ)

周り込みの解除を忘れずに!

参考:float段組みした場合のclear設定の方法

clearを指定したボックスのmargin-top

ブラウザ(firefox)によってはmargin-topを相殺してしまう