CSS中%指的是什么

小编给大家分享一下CSS中%指的是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

CSS %是指百分比，指的是一个相对长度单位，是相对于包含块的高宽或字体大小来取值；如果某个元素设置了百分比的属性，则后代元素继承的是计算后的值。

CSS %--百分比

百分比是一个相对长度单位，相对于包含块（containing block）的高宽或字体大小来取值。

关于包含块（containing block）的概念，不能简单地理解成是父元素。

如果是静态定位和相对定位，包含块一般就是其父元素。

如果是绝对定位的元素，包含块应该是离它最近的 position为非static属性的祖先元素。

如果是固定定位的元素，它的包含块是视口（viewport）。

具体可以参考 W3Help。

百分比的继承

如果某个元素设置了百分比的属性，则后代元素继承的是计算后的值。例如：

p { font-size: 10px;line-height: 120%; }

那么p的子元素继承到的值是 line-height: 12px，而不是 line-height: 120%。

以上是“CSS中%指的是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！