float関係で表示されない時の便利なcssスタイル指定

HTML・CSS | 2010.08.06

久しぶりのCSSネタです。

さて、コーディングしていて「あれ？」となる事の多いのがfloat関係での指定。
カラム落ちとか、背景画像が表示されないとかの類です。

複合的要因であったり、色々なケースがありますが、
解決度がかなり高いのが、こちらの指定。

overflow:hidden;

divで囲んでfloatさせているカラムの中身がリストだけだったり、画像だけだったりする時など、中身の高さをゼロと解釈されてしまう場合の回避策でもあります。

この指定をする事で、あっさり、すんなりと思い通りの表示ができた事多々あり！です。

多々ある前に、1度経験したミスは自分のものにしていけばよいのですが、これがなかなか難しいところでして・・・（言い訳？）

悩まれてこのブログにたどり着いた方解決のヒントになれば幸いです！