css问题之用百分比减去像素进行布局calc()

一、问题

用百分比布局，因为有border，宽度会多出2px，怎么完美布局呢？

二、解决

刚开始以为只有用预处理器时才行，so，vue项目中用less进行了处理

	.divWrap{
		width: calc(~"(49% - 2px)"); /* less写法 */
	}

后来知道，calc()函数是css3新增的一功能，具有加（+）、减（-）、乘（*）、除（/）的功能，可以使用百分比（%）、像素（px）、rem、em

	.box1{
		width: calc(49% - 2px)
	}