1

Bootsrap3 のドキュメントを読んでいました。フッターが画面の下部にくっついているこのコードを見つけました。

html, body {
height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important; /* line no 1 */
height: 100%;            /* line no 2 */
margin: 0 auto -60px;
padding: 0 0 60px;
}
footer {
height: 60px;
background-color: #f5f5f5;
}

ラップの高さを複数回定義した理由がわかりませんでした。私の知る限り、 auto はその子要素に基づいて高さを計算し、 ! important は、ブラウザにこのスタイルを強制的に使用させます。その場合、 height: 100% が有効になります。

私はこのコードを使っていくつかのことをテストしていました。height: auto !important;このコードを使用したものと使用しないものを 2 つ書きました。これが私のJsFiddle1とJsFiddle2 です。これらのフィドルは一目瞭然です。なぜそのようなことが起こっているのか理解できませんでした

4

1 に答える 1

1

IE6 などの一部の古いブラウザでは、!importantフラグが無視されます。したがって、IE6 では 2 番目height に従います。これは、古いブラウザをターゲットにする方法にすぎません。

于 2013-10-25T22:58:06.613 に答える