CSS % 是什么单位? 下面本篇文章来给大家介绍一下 CSS % 单位. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS %-- 百分比
百分比是一个相对长度单位, 相对于包含块 (containing block) 的高宽或字体大小来取值.
关于包含块 (containing block) 的概念, 不能简单地理解成是父元素.
如果是静态定位和相对定位, 包含块一般就是其父元素.
如果是绝对定位的元素, 包含块应该是离它最近的 position 为非 static 属性的祖先元素.
如果是固定定位的元素, 它的包含块是视口(viewport).
具体可以参考 W3Help http://www.w3help.org/zh-cn/kb/008/ .
百分比的继承
如果某个元素设置了百分比的属性, 则后代元素继承的是计算后的值. 例如:
p { font-size: 10px;line-height: 120%; }
那么 p 的子元素继承到的值是 line-height: 12px, 而不是 line-height: 120%.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16408.html