前段坑

inline-block不能用作全局布局

因为inline-block属于FBC流，它有一个特定叫：空白折叠，不同元素的换行字符会被当作一个空白，表现在页面上就是存在一个间隙，上下边距等，但是因为目前前端基本采用压缩的方式，压缩后很多元素的换行字符被去除，这个间隙当然就不存在，最终使得开发环境有间隙，生产环境没间隙，如果这个间隙是排版布局要求，将会落下一个大坑俗称（埋雷）。