CSS常用属性计算原理

# 本文主要记录CSS中常用属性值的计算原理

margin : top /right /bottom/ left 都是根据父元素宽度计算的

padding：百分比值相对于宽度计算 不支持任何形式负值

border：不支持百分比值 支持关键字 thin(1px)、默认medium(2px)、thick(3px)

border-radius：根据元素整体宽高进行计算，即包含边框和padding后元素尺寸，而不是单纯的相对于width /height计算

line-height：百分比值根据父元素文字大小进行计算 / 小数值根据子元素文字大小进行计算

vertical-align：百分比值根据 line-height 进行计算

absolute : left、right / top、bottom 根据父元素的 width / height 计算

translate()：根据元素自身宽高进行计算