显示:Flex在Internet Explorer中无法正常工作

时间:2017-04-11 10:22:51

标签: html css css3 internet-explorer flexbox

我正试图为我的项目获得一个粘性页脚。在我的搜索过程中,我找到this website,我想使用flexbox选项。

现在它在Chrome和Firefox上运行得很好,但在IE 11上似乎遇到了display: flex的问题。

我已尝试使用display: -ms-flexbox,但它没有帮助。

有什么想法吗?



html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px!important;
}

.container.wrapper {
  flex: 1;
  min-height: 0px!important;
}

<html>

<head></head>

<body>
  <header></header>
  <div class="container wrapper"></div>
  <footer>abcd</footer>
</body>

</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案