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%。









