fix(components): [tooltip] display tooltip correctly

[acyza]

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

fix #11629

这top-end明显比其他的矮一节。

[pull-request-triage]

👋 @acyza, thank you for contributing element-plus.

• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

Hello @acyza, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=11643
Please comment the example via this playground if needed.

[acyza]

@jw-foss 这个left:0,right:0其什么作用吗？可以去掉right:0吗？因为其初始宽度过宽tooltip在placement=top-end时计算过程中产生了不必要的横向滚动条，但最终的效果可能没有这个滚动条，导致像chrome那样滚动条占空间的浏览器计算的结果有偏差，去掉right:0让其宽度适应内容似乎可以解决这个问题。
相关pr：#10983
相关issue: #11629

[acyza]

简单测了下popover,tooltip,dropdown,select组件暂时没发现有啥问题。

[acyza]

要研究tooltip的定位过程可以通过devtools在popper.js的forceupdate函数结尾打断点，观察每次forceupdate结束tooltip的inset(left,top,right,bottom),transform样式的值。
另外如果right:0不能去掉也可以多调用几次update让它更新到正确位置。

[acyza]

另外给body设置overflow-x:scroll或overflow-x:hidden问题消失也可以间接说明这个top-end比其他的矮一节大概率是滚动条的问题。

[jw-foss]

@acyza good question, 我觉得这个地方是个 bug，应该是我写代码的时候写错了，当时想的是

left: 0;
+++top: 0;
--- right: 0;

[jw-foss]

@acyza thank you for fixing this bug, please apply the suggestion so we can get this merged.

[jw-foss]

Thank you for your contribution 👍