详解CSS3 弹性布局快速入门

前言 弹性布局是新一代的布局方式，传统布局中使用浮动布局会给我们带来不少弊端，如CSS代码高度依赖于HTML代码结构等等，下面我将用几个例子让大家快速学会弹性布局。 PS：弹性布局适用于较简单的场景，过于复杂的场景可以尝试着使用CSS3的Grid布局，弹性布局在PC端中还存在兼容性问题，移动端中无兼容性问题，可以放心使用。 1.容器属性 css3为新增的弹性布局提供了多个属性，分别为弹性盒模型的容器属性，以及弹性盒子中子元素的子元素属性。 1.1display css3中为display新增了两个属性值，分别为flex、inline-flex display:flex;