如何在flex-column类div中设置高于100%的高度？

在flex-column类div中设置高于100%的高度可以通过以下方法实现：

1. 使用绝对定位：将父级div设置为相对定位（position: relative），然后在子div中使用绝对定位（position: absolute）来设置高度。可以通过设置top和bottom属性来控制子div的高度，使其超过100%。例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  bottom: -50px; /* 设置负值来超过100%的高度 */
}

1. 使用calc()函数：可以使用calc()函数来计算高度，将子div的高度设置为calc(100% + 偏移值)。例如：

.child {
  height: calc(100% + 50px); /* 设置偏移值为50px */
}

1. 使用flex-grow属性：可以使用flex布局中的flex-grow属性来控制子div的伸缩性，使其超过100%的高度。将父级div设置为display: flex，并设置flex-direction为column，然后在子div中使用flex-grow属性来设置高度。例如：

.parent {
  display: flex;
  flex-direction: column;
}

.child {
  flex-grow: 1; /* 设置flex-grow属性为1，使子div伸展填充剩余空间 */
}

以上是在flex-column类div中设置高于100%的高度的几种方法。根据具体情况选择合适的方法来实现所需效果。