HTML 代码
<body>
<main>hello</main>
<footer></footer>
</body>
在网站中，不管页面长度如何，我们都期望页脚应该紧贴底部。在页面够长时，显示没有问题，当页面较短时，页脚就会跑上去。
注意
这个 flex 属性实际上是flex-grow、flex-shrink和flex-basis的简写语法。
任何元素只要设置了一个大于 0 的flex值，就将获得可伸缩的特性；
flex 的值负责控制多个可伸缩元素之间的尺寸分配比例。
举例来说，在我们眼前的这个例子中，如果<main>是flex：2而<footer>是flex：1，那么内容区块的高度将是页脚高度的两倍。
如果把它们的值从 2 和 1 改为 4 和 2，结果也是一样的，因为真正起作用的是它们的数值比例。