【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屬性就能夠完成