CSS的定位機(jī)制有3種：普通流埠褪、position和float脸狸。
1硝逢、普通流就是正常的文檔流，在HTML里面的寫法就是從上到下绣檬，從左到右的排版布局。
2嫂粟、position 屬性規(guī)定元素的定位類型娇未。
static：默認(rèn)值。沒有定位星虹，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）零抬。
relative：生成相對定位的元素，相對于其正常位置進(jìn)行定位宽涌。因此平夜，"left:20" 會(huì)向元素的 LEFT 位置添加 20 像素。
absolute：生成絕對定位的元素卸亮，相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位忽妒。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。
fixed：生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位段直。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定吃溅。
inherit：規(guī)定應(yīng)該從父元素繼承 position 屬性的值。
3鸯檬、float:
left：元素向左浮動(dòng)罕偎。
right：元素向右浮動(dòng)。
none：默認(rèn)值京闰。元素不浮動(dòng)颜及，并會(huì)顯示在其在文本中出現(xiàn)的位置。
inherit：規(guī)定應(yīng)該從父元素繼承 float 屬性的值蹂楣。
工作小記錄：一個(gè)div滾動(dòng)至頂部后固定時(shí)俏站，chrome下position的fixed 抖動(dòng)解決方案。
第一種 ：給fixed的元素添加css的樣式?-webkit-transform: translateZ(0);
第二種：document.body.appendChild(document.getElementById("test"))痊土，將其定位的元素放置在最后肄扎。當(dāng)滾動(dòng)上去的時(shí)候在還原。
