如何使通知图标停留在框的右上角？
How to make notification icons stay stuck to top-right corner of box?
我已经使用绝对定位将通知图标定位到框的右上角，但是当屏幕尺寸发生变化时，通知图标会远离它们应该放置的位置。
How the image should loook
How image looks when screen size is adjusted
我怎样才能让他们呆在他们应该呆的地方？
尝试将您的组件和徽章通知包装在
<div style={{ position: 'relative' }}>
<component />
<badge style={{ position: 'absolute', top: 0, right: 0 }} />
</div>
包装 div 应将徽章的 'absolute' 位置保持在 div 内。因此，当您的组件调整大小时，div 也会调整大小，因此您的徽章会粘在 div.
中
我已经使用绝对定位将通知图标定位到框的右上角，但是当屏幕尺寸发生变化时，通知图标会远离它们应该放置的位置。
How the image should loook
How image looks when screen size is adjusted
我怎样才能让他们呆在他们应该呆的地方？
尝试将您的组件和徽章通知包装在
<div style={{ position: 'relative' }}>
<component />
<badge style={{ position: 'absolute', top: 0, right: 0 }} />
</div>
包装 div 应将徽章的 'absolute' 位置保持在 div 内。因此，当您的组件调整大小时，div 也会调整大小，因此您的徽章会粘在 div.
中