absolute: left、right/top、bottom 的百分比值分别根据父元素的 wdith / height 计算

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

transform: translate( ) 的百分比值是根据元素自身宽高进行计算

line-height: 百分比值根据父元素文字大小进行计算/小数值根据子元素文字大小进行计算 例如:line-height:1.5 等同于 line-height:1.5em

border-radius: 百分比值根据元素整体宽高进行计算,即包含边框和 padding 后元素的尺寸,而不是单纯的相对于 widh/height 计算

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

vertical-align: 百分比值根据 line-height 计算

padding: 百分比值根据元素自身宽度计算,不支持任何负值形式

height/width: 百分比值根据父元素 height/ width计算

04-25 17:56
查看更多