143
3
（本文から引用）
clearfix12月02日（土）19:04categoryCSSハック通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。ソコでかなり便利に使えるテクニックが、clearfix。
使い方は、clearしたい親要素に下記のように記述。div:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}IE7はコレに対応していないので、IE7用に、div {display: inline-block;...
この記事をクリップしたユーザー一覧
おすすめ商品（Amazon）
|
|
|
|
|---|---|---|---|
B’z880827人がクリックしました
著者：B’z |
らき ☆ すた (6) (角川コミックス)164人がクリックしました
著者：美水 かがみ |
F.S.S. DESIGNS 3 KALAMITY GODDERS:BOTH51人がクリックしました
著者：永野 護 |
他にもこんなクリップがオススメ
-
CSSによる段組（マルチカラム）レイアウト講座 本文へ
ｃｓｓでマルチカラム -
スタイルシートリファレンス（目的別） 本文へ
-
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE 本文へタブのインターフェース集
578
38
