![](https://azukiazusa.dev/blog/ogp/%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97%E3%81%8C%E7%94%BB%E9%9D%A2%E5%86%85%E3%81%AB%E5%8F%8E%E3%81%BE%E3%82%89%E3%81%AA%E3%81%84%E5%A0%B4%E5%90%88%E3%81%AB%E8%87%AA%E5%8B%95%E7%9A%84%E3%81%AB%E8%A1%A8%E7%A4%BA%E4%BD%8D%E7%BD%AE%E3%82%92%E8%AA%BF%E6%95%B4%E3%81%99%E3%82%8B%20CSS%20Anchor%20Positioning/CSS.png)
ポップアップが画面内に収まらない場合に自動的に表示位置を調整する CSS Anchor Positioning
BRANK
CSS Anchor Positioning とは、特定の要素を Anchor(基準)としてツールチップなどの要素の位置を決定する機能の総称です。CSS Anchor Positioning を使用することで、Floating UI のように自動で画面内に表示されるツールチップやコンテキストメニューを実装できます。