Una Kravets
Mason Freed
CSS 锚点定位已在 Chrome 125 中发布。此 API 的第一个公开版本引发了有关语法的进一步讨论。在讨论之后，我们对该功能在发布后的运作方式做出了一些细微调整。如果您已尝试使用 CSS 锚点定位，本文将介绍您需要对代码或锚点定位内容进行哪些更改。
您需要注意以下两项主要的属性重命名：
- 将
inset-area重命名为position-area。CSS 工作组更倾向于使用此重命名，因为position-这个词语有助于您记住此属性应用于定位元素，而不是锚点元素。此项变更将从 Chrome 129 开始生效，在 Chrome 131 之前，inset-area仍受支持，以便您有时间更新现有的所有演示或文章。 - 将
position-try-options重命名为position-try-fallbacks。此重命名有助于您记住，这些只是主要位置（由基本样式决定）的后备选项。此更改随 Chrome 128 一起发布，从版本 128 开始，position-try-options不再有效。我们建议您使用简写形式（将其更改为position-try），该形式从 Chrome 125 开始就有效，并且从未更改。
此外，还有一项行为变更：
inset-area()函数语法将从position-try中移除。因此，请使用position-try-fallbacks: top而非position-try-fallbacks: inset-area(top)。这项变更也将从 Chrome 129 开始生效。
如需详细了解如何使用锚定定位，请点击以下链接：