diff --git a/docs/.vitepress/sidebar/index.ts b/docs/.vitepress/sidebar/index.ts
index 970f16ac..a44f52a6 100644
--- a/docs/.vitepress/sidebar/index.ts
+++ b/docs/.vitepress/sidebar/index.ts
@@ -75,6 +75,10 @@ export default {
       "collapsible": true,
       "collapsed": false,
       "items": [
+        {
+          "text": "Vite原理学习",
+          "link": "/Framework/Vue/Vite原理学习"
+        },
         {
           "text": "Vue3补漏笔记",
           "link": "/Framework/Vue/Vue3补漏笔记"
diff --git "a/docs/Framework/Vue/Vite\345\216\237\347\220\206\345\255\246\344\271\240.md" "b/docs/Framework/Vue/Vite\345\216\237\347\220\206\345\255\246\344\271\240.md"
new file mode 100644
index 00000000..c5b7da85
--- /dev/null
+++ "b/docs/Framework/Vue/Vite\345\216\237\347\220\206\345\255\246\344\271\240.md"
@@ -0,0 +1,10 @@
+
+# Vite底层原理学习
+
+## 构建工具承担：
+1. 模块化开发支持：ES Module、CommonJS、AMD、CMD等
+2. 处理代码兼容性：babel语法降级，less/sass/stylus等语法转换
+3. 提升项目性能：压缩代码，合并代码，图片压缩，代码分割，懒加载，预加载等
+4. 优化开发体验：热更新，自动刷新，代理服务器，自动打开浏览器等
+5. 统一开发标准：eslint代码检查，prettier代码格式化，git提交规范等
+   
diff --git a/docs/FrontEnd/.DS_Store b/docs/FrontEnd/.DS_Store
index 10755920..1a918aa5 100644
Binary files a/docs/FrontEnd/.DS_Store and b/docs/FrontEnd/.DS_Store differ
diff --git "a/docs/FrontEnd/CSS/CSS\345\270\270\347\224\250\344\273\243\347\240\201\346\256\265.md" "b/docs/FrontEnd/CSS/CSS\345\270\270\347\224\250\344\273\243\347\240\201\346\256\265.md"
index 7fe3da5a..53c44f9b 100644
--- "a/docs/FrontEnd/CSS/CSS\345\270\270\347\224\250\344\273\243\347\240\201\346\256\265.md"
+++ "b/docs/FrontEnd/CSS/CSS\345\270\270\347\224\250\344\273\243\347\240\201\346\256\265.md"
@@ -119,4 +119,19 @@ import GridStar from './demo/GridStar.vue'
   }
 
 }
-```
\ No newline at end of file
+```
+
+## flex布局子元素给了高度，实际渲染确有小数点问题
+```css
+.parent{
+  display: flex;
+  flex-direction: column;
+}
+.child{
+  height: 100%;
+}
+.child1{
+    flex: 1; //需要给相邻元素添加
+}
+```
+```