需求
昨天晚上，给公司年会做一个移动端的投票页面，遇到一个UI优化的问题：
· 正文内容少于一屏时，投票提交按钮固定显示在页面底部（如图一）
· 正文内容多于一屏时，投票提交按钮，跟随内容，流式显示在内容下面（如图二）
附图：
以前做一些管理后台的时候，底部的版权信息声明就是这样的UI需求，实现思路大概就是：
底部按钮，需要一直显示在底部，可以给body设个最小100%高度，然后用绝对定位把按钮显示在body底边靠上一点的位置，这样内容少的时候，100%的高度起作用，按钮会显示在底部，内容多的时候，内容会把body的高度撑出一屏出现滚动条，而按钮是基于body绝对定位，所以可以跟着滚动条走，一直在内容的底部显示。
关键代码就是这样：
html结构：
html>body>.wrap+.bottom-bar
html {
height: 100%;
} body {
min-height: 100%;
position:relative;
}.bottom-bar&n
