diff --git a/package/component/src/component/side/index.vue b/package/component/src/component/side/index.vue
index b72452c0..ee3ebc4b 100644
--- a/package/component/src/component/side/index.vue
+++ b/package/component/src/component/side/index.vue
@@ -13,12 +13,13 @@ export interface LaySideProps {
 }
 
 const props = withDefaults(defineProps<LaySideProps>(), {
-  width: "200",
+  width: "200px",
 });
 
 const styles = computed<CSSProperties>(() => {
   return {
-    width: `${props.width}px`,
+    "flex": `0 0 ${props.width}`,
+    "width": `${props.width}`
   };
 });
 </script>
diff --git a/package/document/src/document/zh-CN/components/layout.md b/package/document/src/document/zh-CN/components/layout.md
index b8fa62ea..92819c22 100644
--- a/package/document/src/document/zh-CN/components/layout.md
+++ b/package/document/src/document/zh-CN/components/layout.md
@@ -188,7 +188,7 @@ export default {
     <lay-header>Header</lay-header>
     <lay-body>
       <lay-layout>
-        <lay-side :width="160">Left</lay-side>
+        <lay-side>Left</lay-side>
         <lay-body>Content</lay-body>
       </lay-layout>
     </lay-body>
@@ -200,7 +200,7 @@ export default {
     <lay-body>
       <lay-layout>
         <lay-body>Content</lay-body>
-        <lay-side :width="160">Right</lay-side>
+        <lay-side>Right</lay-side>
       </lay-layout>
     </lay-body>
     <lay-footer>Footer</lay-footer>
diff --git a/package/document/src/document/zh-CN/guide/changelog.md b/package/document/src/document/zh-CN/guide/changelog.md
index 6ba35316..80ac06f6 100644
--- a/package/document/src/document/zh-CN/guide/changelog.md
+++ b/package/document/src/document/zh-CN/guide/changelog.md
@@ -19,6 +19,7 @@
           <li>[新增] menu 组件 changeOpenKeys 事件。</li>
           <li>[新增] menu 组件 changeSelectedKey 事件。</li>
           <li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
+          <li>[修复] side 组件 width 属性失效, 随内容宽度自适应的问题。</li>
         </ul> 
       </li>
     </ul>