前几天被问到，“如何固定容器底部的元素”。（本想直接把demo地址给他，没找到，今天补上）如果demo地址idea&idea在页面底部，直接实现position:fixed;底部：0；基于浏览器定位。但是他要的效果是基于父容器的，所以我们必须通过其他方式定位相对于limitabsolute，然后是bottom:0，但是当内容过长时，会导致显示异常。所以我们需要做内部滚动。如果我们做内部滚动，那么我们只需要能够打开盒子。不需要绝对定位。使用flex实现父级。使用flex布局，列垂直排列。父级高度(height,maxHeight),.content子级flex:auto;自动展开。或者.content用于高度限制。页脚可以使用绝对加填充。或者完全依赖文档流layout.demo1{position:relative;填充底部：40px；显示：内联柔性；弹性方向：列；}.demo1.footer{位置：绝对；底部：0；左：0；右：0；保证金：0；}.demo1.content{溢出：自动；}calc实现如果没有使用flex，那么我们可以使用calc来减去页眉和页脚空间。absolute实现如果calc兼容性不是很好，那么也可以使用absolute将所有元素从文档流中取出。
