一、粘性布局
position: sticky配合 [left,right,top,bottom] 中乙個即可實現粘性布局
二、坑粘性布局只在其父元素空間內生效，且要實現 「粘性」 效果，對其父元素有以下要求，否則粘性效果會失效
（1）必須滿足父元素在需要粘的軸上的空間 > 粘性布局子元素在需要粘的軸上的大小（例如子元素設定top/bottom粘垂直軸，父元素的高度需要大於子元素的高度，這樣才有可以活動的空間嘛）
（2）父元素中不能設定overflow: hidden或overflow: auto未同時設定 [left,right,top,bottom] 中乙個會使得粘性效果消失
sticky粘性效果失效時，其表現與relative差不多
粘性布局position sticky
開篇 頁面開發中常用到固定定位fixed，不過fixed會浮動脫離文件流，於是又要清除浮動，即麻煩有時又未必能夠清除浮動，於是sticky華麗出場 介紹 sticky是css3中新增的position屬性，設定了sticky的元素，在螢幕範圍 viewport 內該元素的位置並不受到定位影響 設定是...
sticky 粘性布局
position sticky sticky的中文意思是 粘性的 position sticky表現也符合這個粘性的表現。特別適合導航的跟隨定位效果。基本上，可以看出是position relative和position fixed的結合體 當元素在螢幕內，表現為relative，就要滾出顯示器螢幕...
粘性的底部布局
傳統的底部布局，完全是靠內容高度撐開，如果內容的高度沒有達到一屏的的話，那麼底部 footer 下面必然留下空白。相比傳統的底部布局，粘性的底部布局，可以實現，在內容的高度還未達到一屏時，底部就位於螢幕的下方，當內容高度大於一屏時，就按照正常的方式顯示。效果如圖 實現這個功能實際上很簡單，只需要修改...