css 100%g

在CSS中，百分比单位是一个非常常见的单位类型，它可以用于许多不同的CSS属性中，通常用于定义元素的大小、位置或填充。其中，100%g也是一种十分有用的使用方式。

    .example {
        height: 100%g;
        width: 100%g;
    }

在上述的CSS代码中，.example类的高度和宽度都被设置为100%g。那么，100%g代表什么意思呢？

100%g实际上是一个自定义的单位类型，它的定义为该元素所在容器的“最大值减去其所有的margin、border和padding值”的结果。因此，使用100%g可以确保一个元素始终填满其容器。

需要注意的是，使用100%g要求该元素必须有一个可用的父元素容器来提供它的最大值。如果不存在父容器，或者父容器没有设置高度，那么该元素的100%g将无法生效。

总之，使用100%g可以在许多不同场景中实现高度和宽度的自适应，特别是在设计响应式布局时非常有用。