• 問(wèn)題描述：
  element-plus組件庫(kù)中的el-table組件有一個(gè)show-overflow-tooltip屬性，設(shè)置為true時(shí)如果表格中數(shù)據(jù)過(guò)長(zhǎng)就會(huì)顯示一個(gè)浮動(dòng)窗口就像這樣
  而有時(shí)這個(gè)小浮窗會(huì)有錯(cuò)位的問(wèn)題
  像是這樣，會(huì)導(dǎo)致靠上的列浮窗直接越界不顯示

• 問(wèn)題原因
  table 下的 tooltip 是 fixed 定位。
  position: fixed
  元素會(huì)被移出正常文檔流，并不為元素預(yù)留空間，而是通過(guò)指定元素相對(duì)于屏幕視口（viewport）的位置來(lái)指定元素位置。元素的位置在屏幕滾動(dòng)時(shí)不會(huì)改變。打印時(shí)，元素會(huì)出現(xiàn)在的每頁(yè)的固定位置。fixed 屬性會(huì)創(chuàng)建新的層疊上下文。當(dāng)元素祖先的 transform、perspective、filter 或 backdrop-filter 屬性非 none 時(shí)，容器由視口改為該祖先。

• 解決方法

// 防止表格 tooltip 偏移
.el-table {
  transform: scale(1);
}

當(dāng)元素祖先的 transform、perspective、filter 或 backdrop-filter 屬性非 none 時(shí)，容器由視口改為該祖先。
給父元素加上 transform: scale(1) 或者是別的,只要transform 的屬性不是none就行

原博客鏈接