css中百分比的计算基准归纳

font-size: 在父元素的font-size基础上计算。
line-height: 在自身的font-size基础上计算。
在父元素内容区宽度基础上计算。
height: 在父元素内容区高度基础上计算。
margin: 当前元素是静态定位时在父元素内容区宽度(垂直方向也是基于宽度)上计算;当前元素是绝对定位时在包含块padding边界宽度(垂直方向也是基于宽度)上计算。
padding: 当前元素是静态定位时在父元素内容区宽度(垂直方向也是基于宽度)上计算;当前元素是绝对定位时在包含块内容区宽度(垂直方向也是基于宽度)上计算。
top,right,bottom,left: 绝对定位:right,left是基于包含块的padding边界宽度计算;top,bottom是基于包含块的padding边界高度计算。相对定位:待测试。

原文地址:https://www.cnblogs.com/omega8/p/5113436.html