1.sticky不會觸發bfc，
2.z-index無效，
3.當父元素的height：100%時，頁面滑動到一定高度之後sticky屬性會失效。
4.父元素不能有overflow:hidden或者overflow:auto屬性。
5.父元素高度不能低於sticky高度，必須指定top、bottom、left、right4個值之一。
固定到頂部
position: -webkit-sticky; //ios必加
position: sticky;
top: 0;
padding: 5px;
固定到底部
width: 100%;
line-height: 1rem;
position: sticky;
position: -webkit-sticky;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
border-top: 1px solid #eee;
fixed定位相容性
不過從ios5.1以來，fixed定位就已經支援了，但很遺憾，ios現在對它還只是半支援。但是在某些情況下，會出現一些比較奇葩的問題，比如fixed元素中存在輸入框子元素，這個時候就會跪了。可以看到，fixed定位的元素跑到中間去了，這種問題一般出現在頁面有scrolltop並且輸入框獲得了焦點的情...
相容性（空格相容性）
在chrome與firefox下顯示的寬度不同，原因是兩個瀏覽器的預設字型不同，給html規定字型即可解決。下面有各種形式的空格，各有不同 不換行空格，按下空格鍵所產生的空格，受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...
相容性小結
1.不同瀏覽器的標籤預設的外補丁和內補丁不同。解決 2.chorme瀏覽器下字型最小12px 解決 font size 12px webkit transform origin x 0 webkit transform scale 0.5833333333333334 scale 12 3.ie瀏覽...