你知道我们平时在CSS中写的%都是相对于谁吗？

出至：https://juejin.im/post/5b0bc994f265da092918d421

红色是相对父盒子，黄色是相对盒子自身

名称	属性	说明
定位类	position:static	不存在在定位功能上的%值
	position:absolute	%的参照物是祖先元素中存在定位的元素
	position:relative	%的参照物是自身的宽高
	position:fixed	%的参照物便是视窗
	position:sticky
盒子模型	width，height	%的参照物是父盒子
	margin，padding	%的参照物是父元素
	border-width	不允许输入%值
	border-radius	%的参照物是自身的宽高
背景	background-size	%的参照物盒子自身的宽高
	background-position	不是参照原盒子的宽高值，而是原盒子的宽高值减去背景图片的宽高值所得到的剩余值
transform	translate translate3d()	照物是自身的宽高
	translateZ()	赋予百分比的值是无意义的
	transform-origin	%的参照物是父元素
	scale()	传入的参数是一般是浮点数，指的是相对于元素本身放大或缩小的比例
	zoom	既可以是浮点数，也可以是%，指的是相对于元素本身放大或缩小的比例
字体	font-size	参照父盒子的字体大小
	line-height	它的属性值是一个无单位的数字，那么最后的结果便是这个数字与该元素字体大小的乘积。 如果我们的值是%，最后的结果是给定的百分比值乘以元素最后计算出的字体大小。
	text-indent	如果设置的是%，则参照的是父元素的width