Chrome 125：CSS 锚点定位来了！

大家好，我是 ConardLi。最近，Chrome 发布了 Chrome 125 稳定版本，其中我觉得最有亮点的新特性就是 CSS 锚点定位了。我觉得 CSS 锚点定位 API （CSS anchor positioning API）可以在一定程度上改变 Web 的开发方式，因为它允许我们以原生方式定位相对于其他元素（称为锚点）的元素。它可以帮助我们简化许多界面功能的复杂布局要求，例如菜单和子菜单、工具提示、选择、标签、卡片、设置对话框等。借助浏览器内置的锚点定位，我们可以在无需依赖第三方库的情况下简单构建分层用户界面。此 API 的核心就在于锚点和定位元素之间的关系。锚点指的就是使用 anchor-name 属性指定为参考点的元素，定位元素则是使用 position-anchor 属性或在其定位逻辑中明确使用 anchor-name 相对于锚点放置的元素。创建锚点非常简单，将锚点名称属性应用于所选元素，并为其分配一 ………………………………