Chrome 125：CSS 锚点定位来了！

文章预览

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