2つのdivが含まれるdivがあります。これはdisplay: inline-block
、高さが同じではないためvertical-align: top
、下部ではなく上部の境界線に揃えるために使用します。
最近のブラウザでは問題なく動作しますが、IE7では内部divがページの幅を超えてプッシュされます。なぜですか?
更新: http: //jsfiddle.net/DE46Z/
すべての要素を上に揃える必要があります。IE7では、垂直に揃える上が機能しません。
2つのdivが含まれるdivがあります。これはdisplay: inline-block
、高さが同じではないためvertical-align: top
、下部ではなく上部の境界線に揃えるために使用します。
最近のブラウザでは問題なく動作しますが、IE7では内部divがページの幅を超えてプッシュされます。なぜですか?
更新: http: //jsfiddle.net/DE46Z/
すべての要素を上に揃える必要があります。IE7では、垂直に揃える上が機能しません。
IE7は理解していませんinline-block
。
これをCSSに追加します。
.myclass {
zoom: 1; // will trigger 'hasLayout'
*display: inline; // the '*' will target IE7 only
}
主題に関するこの記事をチェックしてください、それはかなり完全です