一、问题用百分比布局，因为有border，宽度会多出2px，怎么完美布局呢？二、解决刚开始以为只有用预处理器时才行，so，vue项目中用less进行了处理 .divWrap{ width: calc(~"(49% - 2px)"); /* less写法 */ }后来知道，calc()函数是css3新增的一功能，具有加（+）、减（-）、乘（*）、除（/）的功能，可以使用百...
.user-content{
padding: 10px 0 10px 50px;
width:
calc
(100% - 50px); /* 计算宽度，'+'或'-'符号前后有空格 */
height: 18px;
}
css
中使用
calc
可以进行简单的运算： 单位可以是
百分比
，px，rem，em等单位 可以使用"+","-","*","/"运算符（使用"+"或...
如果你想使用
CSS
的 `vh` 单位，并且需要
减去
一个固定的高度，可以使用
CSS
变量来实现。具体步骤如下：
1. 在根元素（通常是 `<html>` 元素）中定义一个
CSS
变量，表示要
减去
的高度，比如：
```
css
:root {
--header-height: 100px;
2. 在需要使用 `vh` 单位的元素中，使用 `
calc
()` 函数来计算实际的高度，如下所示：
```
css
.my-element {
height:
calc
(100vh - var(--header-height));
这样，`.my-element` 元素的高度就是屏幕高度
减去
`--header-height` 变量所表示的固定高度。
注意，使用 `
calc
()` 函数时，其中的数值和单位之间需要添加空格，否则会出现语法错误。
