Flex 布局父节点高度 auto 时，子节点无法撑满高度的解决方法

在父节点上使用 'display: flex' 并将其高度设置为 'auto'，子节点默认的高度将无法自动地撑满父节点的高度。这是因为 'auto' 高度会根据子节点的内容自动调整，而不会强制将子节点的高度设置为父节点的高度。

要解决这个问题，可以尝试以下几种方法：

将父节点的高度设置为固定值：可以给父节点设置一个具体的高度值，例如 'height: 100px;'，这样子节点就可以通过设置 'height: 100%;' 来撑满父节点的高度。
使用 'flex-grow' 属性：将子节点的 'flex-grow' 属性设置为一个大于 0 的值，例如 'flex-grow: 1;'，这样子节点将会自动拉伸以填充父节点的剩余空间。
使用绝对定位：在子节点上使用 'position: absolute;'，并设置 'top: 0; bottom: 0;' 来将子节点的高度设置为父节点的高度。

请根据具体的布局需求选择合适的方法来解决问题。