floatさせたBOXが親BOXからはみ出すのを回避する裏技のIE7対策
【floatさせたボックスが親ボックスからはみ出すのを回避する裏技のIE7対策】を見つけました。
まだつまずいたわけではないけどメモメモ。
IF7ではafter擬似要素には対応していないためIEにのみ適用させるための裏技であったスターハック（セレクタの前に「* html」を追加する記述）がIE7では無視されてしまうらしい、
そこで、IE7での解決方法を探していたところ、親ボックスに「min-height: 1%;」のスタイルを設定すればいいらしいので以下引用。
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
「min-height」はIE6までは非対応のプロパティ
IE6とIE7で別の対応をしないといけなくなると
さらに複雑化しちゃうな～
こまったこまった
この記事をツイートする
このページへのリンクタグ