小编给大家分享一下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中%指的是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。