1.grid+calc()adaptive.grid-container{display:grid;网格模板列：重复（3、1fr）；/*相当于1fr1fr1fr*/grid-template-rows:repeat(3,1fr);/*fr单元可以将容器分成几个相等的部分*/grid-gap:1%;/*grid-column-gap和grid-row-gap的简写*/grid-auto-flow:row;}grid+calc()自适应二，flex+calc()自适应width:calc(98%/3);/*calc中的运算符应该两边都有空格*/height:calc(98%/3);.flex{display:flex;flex-wrap:wrap;}.flex>li{flex-grow:1;/*子元素以1/n的比例拉伸*/background-color:#4d839c;文本-??对齐：居中；颜色：#fff；字体大小：50px；line-height:2;}flex+calc()自适应3.display:table宽度自适应display:table宽度自适应4.cloumn多列布局宽度自适应cloumn多列布局宽度自适应五、absoluteorientationvalue+float,widthadaptiveabsoluteorientationvalue+float,adaptivegrid六、float+nth-of-type/nth-childadaptivefloat+nth-of-type/nth-child
