CSS ANCHOR POSITIONING
ツールチップの位置をCSSに任せる
ボタンを動かすと追従し、画面端では収まる位置へ自動で切り替わります。
LIVE PLAYGROUND
基準要素にツールチップが追従
VIEWPORT EDGE
EDGE
VIEWPORT EDGE
EDGE
CSS TOOLTIP
ここに収まります
位置計算はブラウザにお任せ
ボタンはドラッグでも動かせます
このブラウザではCSS Anchor Positioningが未対応のため、通常のabsolute配置で表示しています。
CORE CSS