diff --git a/src/components/context-menu/context-menu.vue b/src/components/context-menu/context-menu.vue
index d0afb09..6be586d 100644
--- a/src/components/context-menu/context-menu.vue
+++ b/src/components/context-menu/context-menu.vue
@@ -80,11 +80,42 @@ const {
 watch(
   () => props.visible,
   (isVisible) => {
-    if (isVisible) {
-      positionX.value = props.x;
-      positionY.value = props.y;
+    if (isVisible && menuRef.value) {
+      // 获取浏览器窗口尺寸
+      const windowWidth = window.innerWidth;
+      const windowHeight = window.innerHeight;
+
+      // 获取菜单的尺寸
+      const menuWidth = menuRef.value.offsetWidth;
+      const menuHeight = menuRef.value.offsetHeight;
+
+      // 初始位置
+      let newX = props.x;
+      let newY = props.y;
+
+      // 边界检查与调整
+      if (newX + menuWidth > windowWidth) {
+        newX = windowWidth - menuWidth - 5; // 预留5px边距
+      }
+      if (newY + menuHeight > windowHeight) {
+        newY = windowHeight - menuHeight - 5; // 预留5px边距
+      }
+
+      // 确保菜单不会出现在左侧或顶部屏幕外
+      if (newX < 0) {
+        newX = 5;
+      }
+      if (newY < 0) {
+        newY = 5;
+      }
+
+      positionX.value = newX;
+      positionY.value = newY;
     }
   },
+  {
+    flush: 'post', // 确保在DOM更新后执行
+  },
 );
 
 // 定义组件名称