CSS anchor positioning
type: TechArticle
description: Tether tooltips, menus, and popovers to the element that triggers them with pure CSS — no JavaScript positioning library, and it works across overflow and stacking boundaries.
language: en
is part of: Web Specification Studio
author: Web Specification Studio
publisher: Web Specification Studio
license: https://creativecommons.org/licenses/by/4.0/
date modified: 2026-06-24T00:00:00.000Z
citation: CSS Anchor Positioning Module Level 1
  type: CreativeWork
  publisher: W3C CSS Working Group
citation: MDN — Using CSS anchor positioning
  type: CreativeWork
  publisher: MDN
citation: MDN — anchor-name
  type: CreativeWork
  publisher: MDN
citation: Introducing the CSS anchor positioning API
  type: CreativeWork
  publisher: Chrome for Developers

Web Specification Studio
type: WebSite

Web Specification Studio
type: Organization

breadcrumb
type: BreadcrumbList
item list element: Home
  type: ListItem
  position: 1
  item: https://webspecification.com/
item list element: Spec
  type: ListItem
  position: 2
  item: https://webspecification.com/spec/
item list element: Foundations
  type: ListItem
  position: 3
  item: https://webspecification.com/spec/foundations/
item list element: CSS anchor positioning
  type: ListItem
  position: 4
  item: https://webspecification.com/spec/foundations/anchor-positioning/