css 布局神器

 

宽度适应

CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除


calc用于动态计算长度值。
注意，减号，左右必须打空格，否则不生效。

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
任何长度值都可以使用calc()函数进行计算；
calc()函数支持 "+", "-", "*", "/" 运算；
calc()函数使用标准的数学运算优先级规则；

多个自动排列

display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; //居中

更堵关于布局的帖子《《《《