diff --git "a/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md" "b/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8a9d4c4b11526aed863fed1af9ee5c3208a10dce
--- /dev/null
+++ "b/\346\261\237\346\226\207\346\267\257/\347\254\224\350\256\260/20241028-flex\345\261\236\346\200\247.md"
@@ -0,0 +1,23 @@
+## CSS flex 属性
+- 实例
+- 让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：
+
+- #main div
+- {
+-   flex:1;
+- }
+## 定义和用法
+- flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。
+- flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。
+- 注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
+## CSS 语法
+- flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
+- 属性值：
+- flex-grow ： 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。
+- flex-shrink：一个数字，规定项目将相对于其他灵活的项目进行收缩的量。
+- flex-basis：项目的长度。合法值："auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。
+- auto：与 1 1 auto 相同。
+- none：与 0 0 auto 相同。
+- initial：设置该属性为它的默认值，即为 0 1 auto。请参阅 initial。
+- inherit：从父元素继承该属性。请参阅 inherit。
+