像素 pixel 的缩写，即电子屏幕上的1个点，以分辨率为 1024 * 768 的屏幕为例，即水平方向上有 1024 个点，垂直方向上有 768 个点，则 width:1024px 即表示元素的宽度撑满整个屏幕。
随屏幕分辨率不同，1px 的大小也不同，所以严格来说，px 也是相对单位，但不考虑屏幕分辨率时，也可以把 px 当作绝对单位来看待。
% 百分比
通常百分比都是相对于父元素的 content box 计算，所以父元素必须有显式的值，若父元素 height 为 auto ，则百分比值将完全失效！
以下样式的百分比计算规则比较特殊，需特别留意：
width、height、font-size 的百分比相对于父元素“相同属性”的值计算
line-height 的百分比相对于父元素的 font-size 计算
vertical-align 的百分比相对当前元素的 line-height 计算
position:absolute 绝对定位元素相对于第一个position不为 static 的祖先元素的 padding box 计算
position:fixed 悬浮定位元素的宽度相对于 html 计算（尺寸等同于浏览器可视窗口的大小）
