<length-percentage> - CSS（层叠样式表） 编辑

The <length-percentage> CSS data type represents a value that can be either a length or a percentage.
The <length-percentage> CSS数据类型表示一个值，该值可以是<length>或<percentage>。

Syntax

Refer to the documentation for length and percentage for details of the individual syntaxes allowed by this type.

Use in calc()

Where a <length-percentage> is specified as an allowable type, this means that the percentage resolves to a length and therefore can be used in a calc() expression. Therefore, all of the following values are acceptable for width:

width: 200px;
width: 20%;
width: calc(100% - 200px);

Specifications

Specification	Status	Comment
CSS Values and Units Module Level 4 <length-percentage>	Editor's Draft
CSS Values and Units Module Level 3 <length-percentage>	Candidate Recommendation	Defines <length-percentage>. Adds calc()

Browser compatibility

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.