【element】改变el-table样式，实现全局滚动，固定表头和表尾

 

后台管理系统，多半都有表格，数据量大的时候，须要固定表头或者底部。

• 由于饿了么是局部滚动的，如今咱们须要改饿了么某些样式实现全局滚动

饿了么局部滚动

全局滚动demo

1. 删除height=200
2. 固定表头

流的破坏与保护

1. 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://demo.cssworld.cn/6/5-4.php

https://demo.cssworld.cn/6/5-5.php

问题：一个绝对定位元素，没有任何left/top/right/bottom属性设置，而且其祖先元素所有都是非定位元素，其位置在哪里？

不少人会认为是在浏览器窗口左上方。实际上，仍是当前位置，不是在浏览器左上方。

正是这种错误认知致使凡是使用absolute绝对定位的好地方，必定父容器position:relative；同时left/top等属性定位，设置必同时使用z-index属性设置层级。

这是很是严重的认知和使用错误。

absolute是很是独立的css属性值，其样式和行为表现不依赖其余任何css属性就能够完成