fix

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