 【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で別の対応をしないといけなくなると さらに複雑化しちゃうな〜 こまったこまった |
|
|
|
浮動ボックスを含む親ボックスは、浮動ボックスの大きさに応じて自動で拡大されません。しかしIE6は不具合により自動拡大されます※1。IE7では、この不具合が... Web標準学【2007/01/02 20:28】
|
|
| ホーム |
|