Javascript 如何使通知图标停留在框的右上角？

我曾使用绝对定位将通知图标定位到框的右上角，但当屏幕大小改变时，通知图标会从应该定位的位置移开

---

我如何才能让他们留在他们应该呆的地方？

尝试将组件和徽章通知包装在一个

<div style={{ position: 'relative' }}>
 <component />
 <badge style={{ position: 'absolute', top: 0, right: 0 }} />
</div>

---

包装div应保持徽章在div中的“绝对”位置。因此，当组件调整大小时，div会调整大小，因此徽章会固定在div中。

。但看起来您没有在父组件上使用

位置：相对

设置定位上下文。