css - ページの CSS が IE8 で壊れています。なぜですか? 自分が何を間違えたのかを理解しようとする

Question

私のページ css の 1 つが IE8 で少し壊れているようです。clear: を追加した場合、問題は両方とも修正されていると思いましたが、要素はまだ...まあ、自分の目で確かめてください:

Answer 1

「少し壊れています」は技術的な説明ではありません。

IE8 は HTML5 要素を認識しないため、最新のブラウザーのようにスタイルを設定することはできません。HTML5 shiv を追加する必要があります。これは、これらの要素を IE8 に通知し、スタイルを設定できる JavaScript です。そのままでは、あなたが指定した CSS スタイルはarticle無視されます。

これをページの head にコピーするだけで、何が起こるかを確認できます:

<!--[if lt IE 9]>  
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>  
<![endif]-->

Answer 2

HTML5 タグ (header、article、figure) は IE8 では正しく機能しません。head タグの間に html5 shiv ( modernizrにバンドルされています) を含める必要があります。</div>213 行目にも迷いがあります( html validationを参照) 。