看起来你遇到的这个情况大概率是Chrome的bug，毕竟你已经尝试了卸载重装Chrome、禁用所有扩展程序这些常规排查步骤，问题却依然存在。

先梳理下当前的核心信息：

• 系统环境：OS X El Capitan 10.11.6
• Chrome版本：67.0.3396.62
• 问题表现：悬停在DevTools检查工具或Styles面板的styles.css链接上时，提示框位置偏右且被截断

截图说明：弹出的提示框未正常定位在鼠标附近，右侧超出浏览器窗口范围，导致部分内容被截断无法查看

给你几个额外的排查和临时解决建议：

• 尝试升级Chrome到该系统支持的最高版本：El Capitan 10.11.6最高可支持Chrome 109版本，旧版本的DevTools存在UI渲染bug的概率更高，升级后可能解决问题
• 重置DevTools设置：打开DevTools后按F1进入设置界面，拉至底部点击Restore defaults and reload，重置后重新测试
• 若系统允许，尝试Chrome Canary版本：Canary版本包含最新的DevTools修复，能验证该问题是否已被官方修复

你已经向Google Chrome帮助中心提交反馈是非常正确的操作，建议在反馈中附上截图和详细环境信息，这能帮助官方更快定位并修复这类UI渲染问题。

内容的提问来源于stack exchange，提问作者mmgolden