使用CSS锚点定位

CSS锚点定位模块定义了允许您将元素连接在一起的功能。元素可以被定义为锚点元素和锚点定位元素。锚点定位元素可以绑定到锚点元素。然后，锚点定位元素的大小和位置可以相对于它们所绑定的锚点元素的大小和位置进行设置。

CSS锚点定位还提供了纯CSS机制，用于为锚点定位元素指定多个替代位置。例如，如果工具提示锚定到表单字段，但在默认位置设置下工具提示会渲染在屏幕外，浏览器可以尝试在不同的建议位置渲染它，使其放置在屏幕上，或者，如果需要，完全隐藏它。

本文解释了基本的锚点定位概念，以及如何在基本级别使用模块的关联、定位和调整大小功能。我们包含了参考页面的链接，其中包含下面讨论的每个概念的额外示例和语法细节。有关指定替代位置和隐藏锚点定位元素的信息，请参阅溢出的回退选项和条件隐藏指南。