说法一： 注意：前者是flex 2012年的语法，也将是以后标准的语法，大部分浏览器已经实现了无前缀版本。后者是2009年的语法，已经过时，是需要加上对应前缀的。所以兼容性的代码，大致如下display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS ...

:-webkit-box,display:box; 子元素要：-webkit-box-flex:1;-moz- ...

display:box；display:flex；弹性盒模型 非常适用于移动端。PC端高级浏览器，效果也很好。 display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display ...

背景分析：最近做移动端项目时，遇到一个常见的需求： 可以滑动的导航，如下图 虽然是很常见的一个布局，但在移动端没有做过，想当然的写下以下的样式，简单描述下： 父元素 width：10 ...

display:box我想大家很熟悉，那么display:inline-box呢，今天在项目中需要设置这样的属性box-align：center,那么就想到用 display:box;如果设置BOX，那么宽度不能自适应，必须设置一个值，我找了一下，终于找到一个属性可以宽度自适应高度定死的弹性伸缩盒 ...

flex： 将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示 flex 子元素根据父元素去排，如果子元素宽度超出父元素的宽度，因为flex布局，实际子元素的宽度并不会超过，只会按比例排放。 inline-flex ...

问题一； 1.，display:flex;不会让容器本身取消它的块装的属性，但它的子元素会变成行内块的的属性 2.display: inline-flex;父级是变成行内块元素，他的子元素也是行内块元素，并且自动换行 开启inline-flex 开启 ...

display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前缀；display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex ...