欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS %是什么单位

程序员文章站 2022-03-07 13:11:48
...

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

CSS %是什么单位

本教程操作环境:windows7系统、css3版本,Dell G3电脑。

相关推荐:《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 %是什么单位的详细内容,更多请关注其它相关文章!

相关标签: CSS