转自 : https://blog.csdn.net/buppt/article/details/78049780
亲测有效:
<body class="main">
<header></header>
<content></content>
<footer></footer>
</body>
页面内容如上，设置如下css样式。
.main {
display: flex;
min-height: 100vh;
flex-direction: column;
}
header {
background: red;
min-height: 100px;
}
content {
background: blue;
flex: 1; /* 1代表最大 */
}
footer {
background: green;
min-height: 100px;
}具体再根据需求调整一下就行了。
946
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
