float：

方法1：所有项外面再包一层，给该层一个左右的负margin，然后最外层overflow：hidden；
方法2：每一行最左，最右的项对应的左右margin去掉（需要找规律，用 :nth-child（n））

flex:

方法1：直接display：flex；justify-content：space-between；flex-wrap：wrap；（缺点：当最后一行不能排满时最后一行布局将出现问题）
方法2：display: flex；flex-wrap: wrap；margin: 0 -5px；然后再外层元素上添加一个overflow：hidden

float和flex写平均布局
float：方法1：所有项外面再包一层，给该层一个左右的负margin，然后最外层overflow：hidden...
css布局
一栏布局：float，flex两栏布局：float，flex三栏布局：float，flex风景如画读书这些年，人生...
flex布局
flex 1，flex布局又叫弹性布局，一个元素为flex布局时，子元素的float、clear和vertical...
flex布局
flex布局注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。...
01-多个div垂直分布，其中有一个高度需要自适应手机高度
方案：flex布局设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失...
Flex 布局学习
学习自阮一峰Flex 布局教程注意设为 Flex 布局以后，子元素的float、clear和vertical-...
Flex布局
flex布局：设置flex布局以后，子元素的float，clear和vertical-align属性将失效。采用f...
display: flex;弹性布局
flex弹性布局用于盒子模型，设为Flex布局以后，子元素的float、clear和vertical-align属...
float 与 flex
概述 float 与 flex 均能实现九宫格布局 HTML flex flex 需要在父视图中设置 float ...
布局-flex布局
上一个blog分享了布局的选用思路和float布局，这个blog主要聊聊flex布局。首先其flex布局元素分为d...