后台管理系統，多半都有表格，數據量大的時候，需要固定表頭或者底部。
- 因為餓了么是局部滾動的，現在我們需要改餓了么某些樣式實現全局滾動
- 刪除height=200
- 固定表頭
流的破壞與保護
- float float的本質和特性
- 包裹性；
- 塊狀化並格式化上下文
- 破壞文檔流
- 沒有任何margin合並
包裹性：假設浮動元素父元素寬度200px，浮動元素子元素是一個128px寬度的圖片，則此時浮動元素寬度表現為“包裹”，就是里面圖片的寬度128px
1 .father{width:200px}; 2 .float{float:left}; 3 .float img{width:128px} 4 5 <div> <div> <img src=""> </div> </div>
position:absolute－－無依賴絕對定位
問題：一個絕對定位元素，沒有任何left/top/right/bottom屬性設置，並且其祖先元素全部都是非定位元素，其位置在哪里？
很多人會認為是在瀏覽器窗口左上方。實際上，還是當前位置，不是在瀏覽器左上方。
正是這種錯誤認知導致凡是使用absolute絕對定位的好地方，一定父容器position:relative；同時left/top等屬性定位，設置必同時使用z-index屬性設置層級。
這是非常嚴重的認知和使用錯誤。
absolute是非常獨立的css屬性值，其樣式和行為表現不依賴其他任何css屬性就可以完成