此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
<percentage>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
CSS 数据类型<percentage> 表述一个百分比值。许多CSS 属性 可以取百分比值，经常用以根据父对象来确定大小。百分比值由一个<number>具体数值后跟着%符号构成。就像其他在 css 里的单位一样，在%和数值之间是不允许有空格的。
许多长度属性使用百分比，如width,height,margin,padding。百分比也可以在font-size 看到，其中的文字大小是其父级元素的大小直接相关。
备注：只有计算值是可以继承的。所以，即使一个百分比值用于父属性，一个真正的值，比如具体像素宽度<length> 的值，将访问继承的属性，而不是百分比的值。
语法
百分比值由一个<number>具体数值后跟着%符号构成。在数值前可加上+号或者-号，但对所有属性来说其负值都是无效的。和所有的 CSS 度量值一样，在%符号和数值之间不允许有空格。
插值动画
使用<percentage> 的值可以插值为动画。在这种情况下，它们被内插为实数或浮点数。插值的速度取决于与动画相关联的timing function。
示例
作为 width 与 margin-left 的值的单位
html
<div> <div> Width: 50%, Left margin: 20% </div> <div> Width: 30%, Left margin: 60% </div></div>以上 HTML 将输出：
作为 font-size 的值的单位
html
<div> Full size text (18px) <span>50%</span> <span>200%</span></div>以上 HTML 将输出：
规范
| Specification |
|---|
| CSS Values and Units Module Level 4 # percentages |