例如,大家可以使用百分比来设置网页元素的宽度或高度。如果大家想让某个元素的宽度占据浏览器窗口宽度的50%,大家可以这样写:
div { width: 50%; }
同样,如果大家想让某个元素的高度占据其父元素高度的40%,大家可以这样写:
div { height: 40%; }
值得注意的是,当大家使用百分比来设置元素的尺寸时,它是相对于其父元素的尺寸来计算的。比如,如果大家有一个父元素的宽度为500px,子元素的宽度设为50%,那么子元素的实际宽度将是250px。
除了设置宽度和高度,百分比还可以用于设置其他CSS属性。例如,大家可以使用百分比来设置元素的透明度(opacity)。
div { opacity: 50%; }
最后,需要注意的是,百分比单位只适用于某些CSS属性,而不是所有的属性。如果大家试图在不支持百分比的属性中使用该单位,将会得到无效结果。