IE浏览器存在一个
min-height错误，并且需要
display: flex在弹性列容器父项上进行操作，在这种情况下，
html
像这样更新您的CSS
*,*:after,*:before { box-sizing: border-box;}html, body { margin: 0; display: flex;}body { flex-direction: column; min-height: 100vh;}main { flex-grow: 1;}<header> Header</header><main> <p>Main</p> <p>Main</p> <p>Main</p> <p>Main</p> <p>Main</p></main><footer> Footer</footer>
