在我的引导页面中，我想强制<footer>...</footer>位于页面底部或内容中，以较低者为准。
并且已经有一个solution已经很好用了。但是，这种方法要求我提前知道页脚的高度。
如何实现相同的目标，但页脚高度由其内容决定？
答案 0 :(得分：2)
您可以使用flexbox来实现粘性页脚。
使用flex: 1 0 auto;到section会使flexible成为html,
body {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
height: 1px; /* Height hack for IE */
}
header,
footer {
padding: 10px;
color: white;
background-color: #000;
}
section {
flex: 1 0 auto; /* This will make section flexible */
}，它将获得flex-container中所有可用空间。
使弹性项具有弹性，并将弹性基础设置为零， 导致一个项目收到指定比例的 flex容器中的可用空间。如果是flex容器中的所有项目 使用这种模式，它们的大小将与指定的成比例 flex factor.Equivalent to flex：1 0。
<header>Header</header>
<section></section>
<footer>Footer</footer>int