为什么flex布局不生效

• 使用块级元素作为 flex items（flex子项）；

Android Browser4.3及以下，iOS Safari6.1及以下 的 flex子项 需要使用块级元素，在这些版本之上还可以使用行内块元素

在这些版本中，如果你发现flex子项之间出现了间隙，或者在未定义换行的情况下子项自身抑或子项之间换行了，或者出现了其它不正常的情况，那么仔细看一下flex子项可能是使用了行内级元素；

• 当横向布局时，给 flex子项 子项定义 width 为非 auto 的值

Android Browser4.3及以下，iOS Safari6.1及以下 的 flex子项 如果没有显式的定义 width 为非 auto 的值，那么子项分配父元素剩余空间时将会不符合标准预期；

• 当纵向布局时，给 flex子项 子项定义 height 为非 auto 的值

Android Browser4.3及以下，iOS Safari6.1及以下 的 flex子项 如果没有显式的定义 height 为非 auto 的值，那么子项分配父元素剩余空间时将会不符合标准预期；