css踩坑

1、盒子模型：box-sizing：border-box

设置width：20px，包括 padding +  width + border，不包括 margin。但是不知道什么时候变化了，好像又包括 margin 了

2、flex 布局 

2.1：flex：auto       

flex: auto: flex-grow:1 、 flex-shrink:1 、 flex-basis:auto

        // flex-grow：空间有余，是否放大。0不放大(*)，1放大

        // flex-shrink：空间不足，是否缩小。0不所需，1缩小(*)

        // flex-basis：在分配多余空间之前，项目占据的主轴空间