CSS中常用的长度单位如下：

1. 像素（px）

最常见的长度单位，它代表屏幕上的一个物理像素点.每个像素点都是大小等同的，所以像素为计量单位被分在了绝对长度单位中. 在移动端中存在设备像素比，px实际显示的大小是不确定的

div {
   width: 200px;
   height: 100px;
}

2. 百分比（%）

相对于父元素的百分比值。position:absolute; 的元素是相对于已经定位的父元素，position：fixed； 的元素是相对可视窗口。常用于创建响应式布局。

div {
  width: 50%;
  height: 100%;
}

3. 视口单位（vw, vh, vmin, vmax）

vw 表示视口宽度的百分比，1vw 等于视口宽度的1%。 vh 表示视口高度的百分比，1vh 等于视口高度的1%。 vmin 和 vmax 分别表示当前视口较小边和较大边的百分比。

div {
  width: 50vw; /* 占据视口宽度的一半 */
  height: 80vh; /* 占据视口高度的80% */
}

4. 相对单位（em、rem）

em 是相对于元素自身的字体大小来计算长度的。例如，如果一个元素的字体大小为16px，那么1em就等于16px。

p {
  font-size: 16px;
  margin-left: 2em; /* 相当于32px */
}

rem 是相对于根元素（通常是 元素）的字体大小来计算长度的，因此在响应式设计中更具有灵活性。

html {
  font-size: 16px;
}
div {
  margin-bottom: 1rem; /* 相当于16px */
}

5. 绝对单位（pt、cm、mm、in）

这些单位基于印刷业的标准，一般网页上是使用不到的，与物理尺寸相关联：

• pt：点（point），每点约为1/72英寸。
• cm：厘米。
• mm：毫米。
• in：英寸。