2

このスタイル ガイド: Materialize CSSを使用すると、私のページ レイアウトは次のようになります。

<header>
<main>
<footer>

この記事に基づいて、「スティッキー フッター」に次の CSS を使用しています。

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

Internet Explorer を除くすべてのブラウザーで問題なく Web ページが表示されます。

私は何を間違っていますか？

4

1 に答える 1

1

Flexbox は、IE11 より前の IE バージョンでは標準としてサポートされていません: http://caniuse.com/#search=flex

ただし、-ms-接頭辞を追加して、IE10 でのサポートを得ることができます。コードは次のようになります。

body {
  display: -ms-flex;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
  flex-direction: column;
}
main {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
于 2015-03-23T19:18:05.833 に答える