# %取值 ## 定位类 1. static 作为position的默认值，并不能有效的使用百分比赋值。 2. absolute 参照与祖先元素。left、right是相对于width，top和bottom是相对于height。 3. relative 相对于父元素 即使父元素定位static也是父元素。参考一博客里面写错了。改不改就不知道了.. 4. fixed相对于窗口。 ## 盒子模型 **margin/padding** 参照父元素宽度。 border-radius:50%(100%)画圆，这里注意，border-radius的最大有效值是盒子最短边的二分之一。所以我们知道，百分比是相对于自身宽高的。[详情可以看看这个](https://vince.studio/post/5a3153774c09fb508714615e) ## 背景值 1. background-size：自身宽高。 2. background-position：原盒子的宽高值减去背景图片的宽高值所得到的剩余值。 ## transform 1. translate()作用是在指定方向上平行移动。是参照自身宽高。 2. zoom：参照元素本身。 ## 字体 1. font-size:相对于父元素的字体大小。 2. line-height:如果它的属性值是一个无单位的数字，那么最后的结果便是这个数字与该元素字体大小的乘积。这是我们设置line-height的首选方法，因为字体大小font-size是继承自祖代元素的，通过这个方法设置的值基本不会出现异常情况。但如果我们的值是%，最后的结果是给定的百分比值乘以元素最后计算出的字体大小。 ## 参考 [你知道我们平时在CSS中写的%都是相对于谁吗？](https://juejin.im/post/5b0bc994f265da092918d421) [详述css中的百分比值](https://segmentfault.com/a/1190000000590998)