diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-24/\350\277\207\346\270\2414.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-24/\350\277\207\346\270\2414.html"
index 21bef54425ecf25816d7062cd04b7a322f738575..da45de47ed9179d28ab42f653968b94ced2c0401 100644
--- "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-24/\350\277\207\346\270\2414.html"
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-24/\350\277\207\346\270\2414.html"
@@ -19,7 +19,7 @@
img {
width: 100%;
- transition: all 1.5s;
+ transition: all 1.5s;
position: absolute;
left: 0;
top: 0;
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2001.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2001.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2a263cbe26170503a0fcec51df9e4b24952b5d0f
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2001.html"
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 1
+ 1
+ 1
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2006.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2006.html"
new file mode 100644
index 0000000000000000000000000000000000000000..bd2263cb988d30e63b9d3ca1fe1319edae991a5c
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/flex\345\270\203\345\261\2006.html"
@@ -0,0 +1,228 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2002.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2002.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0ba92e33d2be15fdbb908686afdacd27aafd8e59
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2002.html"
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 1
+ 1
+ 1
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2003.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2003.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9bd471d10f38d2132f30a2cb89d2d445e3ea015d
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2003.html"
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 1
+ 2
+ 3
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2004.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2004.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a64215441837b33013b51bde08c2b9e277774628
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2004.html"
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 1
+ 2
+ 3
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2005.html" "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2005.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5b3d71acb7f5bffcb5766b46acfa7a96c3761381
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\344\275\234\344\270\232/2024-10-28/\345\270\203\345\261\2005.html"
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 1
+ 2
+ 3
+ 1
+ 2
+ 3
+ 3
+ 3
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/\351\237\246\350\257\227\350\257\227/\347\254\224\350\256\260/2024-10-28-flex\345\270\203\345\261\200.md" "b/\351\237\246\350\257\227\350\257\227/\347\254\224\350\256\260/2024-10-28-flex\345\270\203\345\261\200.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6e8f56fe63cf509e7e4174161e97e69231cc65db
--- /dev/null
+++ "b/\351\237\246\350\257\227\350\257\227/\347\254\224\350\256\260/2024-10-28-flex\345\270\203\345\261\200.md"
@@ -0,0 +1,71 @@
+# flex布局（父项）
+
+弹性布局（任何一个盒子都可以指定为flex布局）
+
+设了flex布局后，子元素的float，clear和vertical-align属性将失效
+
+**布局原理：给父盒子添加flex属性，来控制子盒子的位置和排列方式**
+
+## 常见父项属性：
+
+##### 1.flex-direction:设置主轴的方向（默认x为主轴，y为侧轴，可设y轴为主轴，那么x轴为侧轴）
+
+- **row（默认从左往右,x轴）**
+
+- row-reverse(右往左)
+
+- **column(从上往下，y轴)**
+
+- column-reverse(从下往上)
+
+
+
+##### 2.justify-content:设置主轴上的子元素排列方式（定义对齐方式，默认为x轴）
+
+- flex-start(默认从头部开始，如果主轴是x，则从左往右)
+
+- flex-end(从尾部开始排列)
+
+- **center（在主轴居中对齐，主轴是x，则水平居中）**
+
+- **space-around(平分剩余空间)**
+
+- **space-between(先贴两边再平分剩余空间)**重要！！
+
+
+
+##### 3.flex-wray:设置子元素是否换行（flex中默认的子元素是不换行的）
+
+- nowrap(默认不换行)
+
+- wray(换行)
+
+
+
+##### 4.align-content:侧轴的排列方式（多行，子轴出现**换行情况**）
+
+- flex-start(从上到下)
+
+- flex-end(从下到上)
+
+- center（在侧轴中间显示）
+
+- **space-around(子项在侧轴平分剩余空间)**
+
+- space-between(子项在侧轴先分布在两头，在平分剩余空间)
+
+- stretch(拉伸，子元素高度平分父元素高度)
+
+
+
+##### 5.align-items:设置侧轴的排列方式（单行，默认y轴）
+
+- flex-start(从上到下)
+- flex-end(从下到上)
+- **center（侧轴垂直居中）**重要！！
+- stretch(拉伸 少用 盒子不要给高度)
+
+
+
+flex-flow:复合属性，相当于同时设置了flex-direction和flex-wrap（即主轴方向和子元素是否换行）
+