需求

昨天晚上，給公司年會做一個(gè)移動端的投票頁面，遇到一個(gè)UI優(yōu)化的問題：

· 正文內(nèi)容少于一屏?xí)r，投票提交按鈕固定顯示在頁面底部（如圖一）
· 正文內(nèi)容多于一屏?xí)r，投票提交按鈕，跟隨內(nèi)容，流式顯示在內(nèi)容下面（如圖二）
附圖：

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn) 大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

以前做一些管理后臺的時(shí)候，底部的版權(quán)信息聲明就是這樣的UI需求，實(shí)現(xiàn)思路大概就是：
底部按鈕，需要一直顯示在底部，可以給body設(shè)個(gè)最小100%高度，然后用絕對定位把按鈕顯示在body底邊靠上一點(diǎn)的位置，這樣內(nèi)容少的時(shí)候，100%的高度起作用，按鈕會顯示在底部，內(nèi)容多的時(shí)候，內(nèi)容會把body的高度撐出一屏出現(xiàn)滾動條，而按鈕是基于body絕對定位，所以可以跟著滾動條走，一直在內(nèi)容的底部顯示。

關(guān)鍵代碼就是這樣：

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計(jì)算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

html結(jié)構(gòu)：
html>body>.wrap+.bottom-bar

html {
    height: 100%;
}    body {
    min-height: 100%;
    position:relative;
}.bottom-bar&n