后台管理系统，多半都有表格，数据量大的时候，需要固定表头或者底部。
- 因为饿了么是局部滚动的，现在我们需要改饿了么某些样式实现全局滚动
- 删除height=200
- 固定表头
流的破坏与保护
- float float的本质和特性
- 包裹性；
- 块状化并格式化上下文
- 破坏文档流
- 没有任何margin合并
包裹性：假设浮动元素父元素宽度200px，浮动元素子元素是一个128px宽度的图片，则此时浮动元素宽度表现为“包裹”，就是里面图片的宽度128px
.father{width:200px};
.float{float:left};
.float img{width:128px}
<div> <div> <img src=""> </div> </div>
position:absolute－－无依赖绝对定位
问题：一个绝对定位元素，没有任何left/top/right/bottom属性设置，并且其祖先元素全部都是非定位元素，其位置在哪里？
很多人会认为是在浏览器窗口左上方。实际上，还是当前位置，不是在浏览器左上方。
正是这种错误认知导致凡是使用absolute绝对定位的好地方，一定父容器position:relative；同时left/top等属性定位，设置必同时使用z-index属性设置层级。
这是非常严重的认知和使用错误。
absolute是非常独立的css属性值，其样式和行为表现不依赖其他任何css属性就可以完成