今天发现两个css样式的小问题

No.1 

cacl (CSS3计算属性)

calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。

以前我们可以使用box-sizing:border-box;来设置盒子的属性为不加上边距。现在我们又多了一个选择了。但要注意，两者只能使用一个哦，否则就会造成冲突了。

calc()可以使用数学运算中的简单加（+）、减（-）、乘（*）和除（/）来解决问题，而且还可以根据单位如px,em,rem和百分比来转化计算，但是要注意，使用运算符号的时候要与两边的值有空格和间隙，否则不识别，会报错 ！

注意，加上或者减去的值是该元素的border padding margin ！

No.2

如果设置了：width：100%；在设置display： flex；和 justfily-content属性会有冲突，无法实现justify的左右对齐特性，width：100%；会有冲突。