https://developer.mozilla.org...百分比在css中是一个相对值。要得到最终的计算值，必须确定它的参照物。在大多数情况下，它是一个包含块。宽度|height使用百分比值时，引用的是元素的包含块（ContainingBlock）。大多数情况下，包含块是父元素的内容区域（盒模型中的内容）。width指的是包含块的宽度height指的是包含块的高度当一个元素的高度使用百分比值时，其高度取决于最近的具有明确高度的祖先元素，如果不存在，则使用，即当前窗口边距的高度|padding对于margin和padding，任意方向的百分比值，参考是包含块的宽度。或者参考写法-modeborderborder-width不支持百分比border-radius指的是元素本身的大小top|底部|左|right指的是元素的包含块。left和right指的是包含块的宽度，bottom和top指的是包含块的高度。background-positionbackground-position的百分比值，参考为减法计算值，由放置背景图片的区域大小减去背景图片的大小得到，可以为负数。(容器宽度-图像宽度)*(位置x%)=(x偏移值)(容器高度-图像高度)*(位置y%)=(y偏移值)font-size参考是direct的font-sizelineparentelement-heightreference是元素自己的font-sizevertical-alignreference是元素自己的line-height
