一、問題

パーセンテージレイアウトで、borderがあるので、幅が2 px多くなりますが、どのように完璧にレイアウトしますか?

二、解決

最初はプリプロセッサを使う時だけだと思っていたが、so,vueプロジェクトではlessで処理した.

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

後で分かるように、calc()関数はcss 3に新たに追加された機能であり、プラス(+)、マイナス(-)、乗(*)、除算(/)の機能を有し、パーセンテージ(%)、画素(px)、rem、emを用いることができる.

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