管理以在Firefox,Chrome,Edge,Opera中使用Flexbox布局.
想在IE11上做这个工作,或者肯定知道它是不可能的.
我已经阅读了IE11问题并尝试在容器上设置高度100%,但没有成功.IE11内容垂直溢出除body之外的所有容器.
html,
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
body {
display: flex;
flex-direction: column;
}
.header,
.footer {
height: 2em;
flex: none;
background-color: orange;
}
.content-wrapper {
flex: 1 0 auto;
width: 100%;
background-color: white;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
width: 100%;
max-width: 60em;
margin: 0 auto;
display: flex;
flex-direction: row;
background-color: red;
}
.main {
flex: 1;
padding: 1em 1em 0;
min-width: 12em;
display: flex;
flex-direction: column;
background-color: …