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

投稿日 2010年08月06日
カテゴリー HTML・CSS

久しぶりのCSSネタです。

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

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

overflow:hidden;

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

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

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

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

トラックバック

サイト構築、 WEB制作

神奈川県座間市のホームページ制作会社アフラットでは、東京、神奈川を中心に全国のWEB制作を承っております。
近隣都市である、相模原、大和、海老名、厚木はもちろんの事、平塚、藤沢、茅ヶ崎等の湘南エリア。はたまた、秦野、伊勢原、小田原や南足柄、湯河原等の神奈川県西エリアにも制作実績がございます。
また、少し遠いと思われがちな横浜も、実はアクセスがよいので、訪問してのお伺いも度々行わせて頂いております。さらに、県をまたぎますが、距離的にはとても近い町田・多摩エリアからも多くのご依頼を受けております。
もちろん、メールや電話のみでの制作も可能ですので、お気軽にお問い合せ下さいませ。