コーディングする上で今では当たり前となっているfloatを使って回り込みをした際の解除指定の「clearfix」。 この記述方法についてはいくつかパターンがありますが、うちでは —————————————– .clearfix:after { content: “.”; height: 0; clear: both; display: block; visibility: hidden; } .clearfix { display: inline-block; } —————————————– の記述を基本としています。 ですが、この記述方法では「IE8」では、ページ上にJSを使って高さが可変する動きをつけるとブロック要素ごとに重なりあったりする不具合が生じることがちらほら。 そんな際にはIE8のみ“display”要素を“inline-block”から“block”に変えることで解決でき
![IE8でのclearfixの挙動|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/d277067ad631c4e5106e92511055bdc38dcb8f7c/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_css.png%3F20231001)