这是一个很常见的布局，这里有一个实现代码html
cssdiv{display:flex;宽度：100%；border:1pxsolidblack;}p{flex:1;15px;border:1pxsolidred;}p:first-child{margin-left:15px;}实现解析子元素等分填充屏幕宽度的效果，为父元素设置display:flex；为子元素设置flex:1，表示宽度自动填充剩余空间。如果有多个并列子元素，则按照数值比例分配空间；子元素等距，所有子元素设置margin-right:15px。第一个子元素使用伪类（first-child）设置margin-left:15px；这样就可以实现等宽等间距布局。如果不想等宽，可以设置不同的flex，实现按比例分布；兼容性问题flex存在很多兼容性问题，需要设置如下属性，可以兼容Android4.0+,iOS7.0+div{display:-webkit-box;显示：-webkit-flex；显示：flex；}p{-webkit-box-flex：1；-webkit-flex:1;flex:1;}更多flex兼容性问题参考腾讯ISUX文章《移动端全兼容的flexbox速成班》
