タグ

cssとfloatに関するbaba_jdlのブックマーク (1)

  • html floatの基本 高さを認識させる - Qiita

    はじめに htmlの基のfloatの処理、高さを認識させる手法をまとめます。 html初心者の方ははじめはfloatに壁を感じてしまうかもしれませんが、慣れれば難しいことはありません。 ここで、頭の整理をしましょう。 floatについて floatは左右に要素を回りこませたいときに使います。 注意点としては、floatという名前通り、要素を浮かしているということを忘れてはいけないということです。 floatは浮いているんだ!! 常にこの意識を持ちましょう。 floatを使った要素の親要素はheight:auto;(デフォルト) では高さ0となってしまいます。これは要素が浮いていて、高さが認識されていないのです。 では、高さを認識させるには? 目次 1. 親要素にoverflow:hidden; または overflow:auto;を使う 2. floatした要素の直後の要素にclear:

    html floatの基本 高さを認識させる - Qiita
  • 1