diff --git a/src/components/model-float-window/index.vue b/src/components/model-float-window/index.vue
index a9e63933..0f798be7 100644
--- a/src/components/model-float-window/index.vue
+++ b/src/components/model-float-window/index.vue
@@ -10,6 +10,8 @@
     </div>
 </template>
 <script setup lang="ts">
+import { percentage_count } from '@/utils';
+
 const props = defineProps({
     value: {
         type: Object,
@@ -41,7 +43,8 @@ watch(props.value, (val) => {
     }
 
     style.value = location;
-
+    // 60 为自身高度
+    new_style.value.offset_number_percentage = (new_style.value.offset_number / (846 - 60)).toFixed(4);
     emits('change', { bottom: new_style.value.offset_number, location: new_style.value.display_location });
 }, {immediate: true, deep: true});
 </script>
diff --git a/src/views/layout/components/main/default/float-window.ts b/src/views/layout/components/main/default/float-window.ts
index a611ce50..d2017b67 100644
--- a/src/views/layout/components/main/default/float-window.ts
+++ b/src/views/layout/components/main/default/float-window.ts
@@ -9,6 +9,7 @@ interface defaultSearch {
     style: {
         display_location: string;
         offset_number: number;
+        offset_number_percentage: string;
         float_style: string;
         float_style_color: string;
     };
@@ -22,6 +23,7 @@ const defaultSearch: defaultSearch = {
     style: {
         display_location: 'right',
         offset_number: 120,
+        offset_number_percentage: '100%',
         float_style: 'shadow',
         float_style_color: '#32373a1a',
     },