CSS 锚点定位

**CSS 锚点定位**模块定义了允许您将元素捆绑在一起的功能。某些元素被定义为**锚点元素**;然后,**锚点定位元素**可以根据与其绑定的锚点元素的大小和位置来设置其大小和位置。

此外,规范还提供仅限 CSS 的机制来

  • 为锚定元素指定一组备用位置;当默认渲染位置导致其溢出其包含块和/或渲染到屏幕外时,浏览器将尝试改为在备用位置渲染锚定元素。
  • 声明锚点定位元素应隐藏的条件,在不适合将它们与锚点元素绑定在一起的情况下。

参考

属性

注意:CSS 锚点定位模块引入了尚未实现的anchor-scope属性。

At-规则和描述符

函数

数据类型和值

HTML 属性

接口

指南

使用 CSS 锚点定位

关于基本锚点定位概念的入门指南,包括关联、定位和调整相对于其锚点的元素大小。

处理溢出:尝试回退和条件隐藏

CSS 锚点定位提供的防止锚点定位元素溢出其包含元素或视口机制的指南,包括位置尝试回退选项和有条件地隐藏元素。

规范

规范
CSS 锚点定位

另请参阅