本文摘自PHP中文网，作者藏色散人，侵删。
CSS %是指百分比，指的是一个相对长度单位，是相对于包含块的高宽或字体大小来取值；如果某个元素设置了百分比的属性，则后代元素继承的是计算后的值。
本教程操作环境：windows7系统、css3版本，Dell G3电脑。
相关推荐：《css视频教程》
CSS %--百分比
百分比是一个相对长度单位，相对于包含块（containing block）的高宽或字体大小来取值。
关于包含块（containing block）的概念，不能简单地理解成是父元素。
如果是静态定位和相对定位，包含块一般就是其父元素。
如果是绝对定位的元素，包含块应该是离它最近的 position为非static属性的祖先元素。
如果是固定定位的元素，它的包含块是视口（viewport）。
具体可以参考 W3Help。
百分比的继承
如果某个元素设置了百分比的属性，则后代元素继承的是计算后的值。例如：
1 |
|
那么p的子元素继承到的值是 line-height: 12px，而不是 line-height: 120%。
以上就是CSS %是什么单位的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css选择器first-child与first-of-type之间有什么区别？
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
