這個佈局的名字我也是頭一次聽說，中文名姑且叫粘性的footers吧，這是在學習過程中瞭解的，現在拿出來分享一下。

先看佈局實現的效果：

這是一個彈出層，整體分為上部分的內容區域和底部的關閉按鈕，當內容較少時關閉按鈕始終在頁面底部，當內容較多時出現滾動條，將關閉按鈕撐到頁面的最下方。

那這種效果如何實現的哪？網上有很多方式，這裡講解一種比較簡單好用的方法，關鍵程式碼如下（stylus語法）：

.detail-wrapper
  min-height 100%
  width 100%
  .detail-main
    margin-top 64px
    padding-bottom 64px
.detail-close
  position relative
  width 32px
  height 32px
  margin -64px auto 0
  clear both
  font-size 32px
 

其中關鍵點是給整個彈出層設定最小高度100%，而不是固定值；其次，關閉按鈕設定上邊距為-64px，其它的程式碼就是細節實現了。怎樣，很簡單吧！