CSS 有幾個不同的機關用于表示長度。
一些設定 CSS 長度的屬性有 width, margin, padding, font-size, border-width, 等。
長度有一個數字和機關組成如 10px, 2em, 等。
數字與機關之間不能出現空格。如果長度值為 0，則可以省略機關。
對于一些 CSS 屬性，長度可以是負數。
有兩種類型的長度機關：相對和絕對。
下表中的數字表示支援該長度機關的最低浏覽器版本。
長度機關
Chrome
IE
Firefox
Safari
Opera
em, ex, %, px, cm, mm, in, pt, pc
1.0
3.0
3.5
ch
27.0
9.0
7.0
20.0
rem
4.0
3.6
4.1
11.6
vh, vw
19.0
6.0
vmin
9.0*
vmax
26.0
不支援
<b>注意:</b> Internet Explorer 9 通過不标準的名稱 vm 來支援 vmin 。
相對長度機關指定了一個長度相對于另一個長度的屬性。對于不同的裝置相對長度更适用。
機關
描述
線上執行個體
em
它是描述相對于應用在目前元素的字型尺寸，是以它也是相對長度機關。一般浏覽器字型大小預設為16px，則2em == 32px；
ex
依賴于英文字母小 x 的高度
數字 0 的寬度
rem 是根 em（root em）的縮寫，rem作用于非根元素時，相對于根元素字型大小；rem作用于根元素字型大小時，相對于其出初始字型大小。
vw
viewpoint width，視窗寬度，1vw=視窗寬度的1%
vh
viewpoint height，視窗高度，1vh=視窗高度的1%
vw和vh中較小的那個。
vw和vh中較大的那個。
%
<b>提示:</b> rem與em有什麼差別呢？差別在于使用rem為元素設定字型大小時，仍然是相對大小，但相對的隻是HTML根元素。
絕對長度機關是一個固定的值，它反應一個真實的實體尺寸。絕對長度機關視輸出媒體而定，不依賴于環境（顯示器、分辨率、作業系統等）。
cm
厘米
mm
毫米
in
英寸 (1in = 96px = 2.54cm)
px *
像素 (1px = 1/96th of 1in)
pt
point，大約1/72英寸； (1pt = 1/72in)
pc
pica，大約 12pt，1/6英寸； (1pc = 12 pt)
像素或許被認為是最好的"裝置像素"，而這種像素長度和你在顯示器上看到的文字螢幕像素無關。px實際上是一個按角度度量的機關。