今天小编给大家分享一下%是不是css3的单位的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

创新互联是一家以重庆网站建设、网页设计、品牌设计、软件运维、成都网站营销、小程序App开发等移动开发为一体互联网公司。已累计为食品包装袋等众行业中小客户提供优质的互联网建站和软件开发服务。

“%”是css3中的单位，“%”指的是百分比，是一个相对长度单位；所有接受长度值的属性都可以使用百分比单位，但是不同属性使用该单位的效果不同，需要有一个参照值，也即相对于包含块的高宽或者字体大小来取值，语法为“元素{长度值属性:百分值%}”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css3的单位

CSS %--百分比

百分比（%）也是我们比较常用的单位之一，所有接受长度值的属性都可以使用百分比单位。但是不同属性使用该单位的效果可能并不一样。但是都需要有一个参照值，也就是说百分比值是一个相对的值。

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

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

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

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

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

百分比的继承

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

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

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

以上就是“%是不是css3的单位”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。

当前文章：%是不是css3的单位
分享路径：http://scgulin.cn/article/ijgpip.html