diff --git a/blog/front-end-combat/flex.md b/blog/front-end-combat/flex.md
index b212874e2b55c2b7ee7846b7c33e625582ae9051..15cd5500ec87eb2145d5adc12003befb7e3a3670 100644
--- a/blog/front-end-combat/flex.md
+++ b/blog/front-end-combat/flex.md
@@ -11,6 +11,11 @@ width: 100%;
 height: 50px;
 ```
 
+## Float 浮动布局
+
+- 最初为了实现文字环绕
+- Float 布局会造成浮动的盒子脱标，不能撑开父级容器
+
 ## Flex 布局
 
 Flex 布局: 弹性布局
@@ -20,11 +25,6 @@ Flex 布局: 弹性布局
 - 避免浮动脱标的问题
 - 非常适合结构化布局
 
-Float 浮动布局
-
-- 最初为了实现文字环绕
-- Float 布局会造成浮动的盒子脱标，不能撑开父级容器
-
 Flex 布局示例
 
 ```css