后台管理系统,多半都有表格,数据量大的时候,需要固定表头或者底部。
- 因为饿了么是局部滚动的,现在我们需要改饿了么某些样式实现全局滚动
- 删除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--无依赖绝对定位
![](https://i-blog.csdnimg.cn/blog_migrate/07202996a1bfaca35676b617c7ea0e34.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c72c4621e03469e75ad96cd9a29abc98.png)
问题:一个绝对定位元素,没有任何left/top/right/bottom属性设置,并且其祖先元素全部都是非定位元素,其位置在哪里?
很多人会认为是在浏览器窗口左上方。实际上,还是当前位置,不是在浏览器左上方。
正是这种错误认知导致凡是使用absolute绝对定位的好地方,一定父容器position:relative;同时left/top等属性定位,设置必同时使用z-index属性设置层级。
这是非常严重的认知和使用错误。
absolute是非常独立的css属性值,其样式和行为表现不依赖其他任何css属性就可以完成