CSSで、フロートした要素がはみ出してしまうのを回避させる「clearfix」のIE 7対応版です。 「clearfix」の解説ページ Clearing a float container without source markup(Position Is Everything) 「clearfix」のIE 7対策方法 「.clearfix」に「min-height:1%;」を追加します。 .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; <span class="accent1">min-height:1%; /* for IE 7*/</span> } /* Hides from IE-mac &
![「clearfix」のIE 7対策](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)