flex布局原理

flex 是flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex 布局。

1、当我们为父盒子设为flex 布局以后，子元素的float、clear和vertical-align属性将失效，因为本身flex属性就可以让子元素横向排列，不用再设置float，自然也不用clear清除浮动了。

2、伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局。

3、采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

4、子元素可以横向排列，也可以纵向排列。

总结：flex布局的原理就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。