① 给父容器添加display: flex/inline-flex;属性，即可使容器内容采用弹性布局显示，而不遵循常规文档流的显示方式；
② 容器添加弹性布局后，仅仅是容器内容采用弹性布局，而容器自身在文档流中的定位方式依然遵循常规文档流；
③ display:flex; 容器添加弹性布局后，显示为块级元素；
display:inline-flex; 容器添加弹性布局后，显示为行级元素；
④ 设为 Flex布局后，子元素的float、clear和vertical-align属性将失效。但是position属性，依然生效。
【代码实例】
五个简单的div，只给父容器添加了display: flex;属性，就可以让容器内部打破原有文档流模式，展现为弹性布局。
简单的了解一下弹性布局后，我们来详解一下配合“display: flex;”使用的12大属性。其中，12个属性分为两类，6个作用于父容器，6个作用于子项目。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery