From 6fcdc74a0e23131701f9eddee7ac7b7d3a0526b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 19 Jan 2022 00:04:21 +0800
Subject: [PATCH] =?UTF-8?q?layout=20=E7=BB=84=E4=BB=B6=20side=20=E5=9B=A0?=
 =?UTF-8?q?=20flex=20=E5=B8=83=E5=B1=80=E5=AE=BD=E5=BA=A6=E4=B8=8D?=
 =?UTF-8?q?=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 1 +
 src/module/layout/index.less          | 4 +---
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index eda1f002..79db50dd 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -20,6 +20,7 @@
           <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
+          <li>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
           <li>[优化] layer 的 children slot 渲染机制。</li>
           <li>[升级] layer-vue 1.2.5。</li>
           <li>[升级] vue 3.2.27。</li>   
diff --git a/src/module/layout/index.less b/src/module/layout/index.less
index 9d862d7c..7fd0a397 100644
--- a/src/module/layout/index.less
+++ b/src/module/layout/index.less
@@ -1,9 +1,7 @@
 .layui-layout {
-  display: flex;
   flex: 1;
+  display: flex;
   flex-basis: auto;
-  height: 100%;
-  width: 100%;
   box-sizing: border-box;
 }