flex父元素高度固定子元素自适应
    在使用flex布局时，我们经常会遇到这样的问题：父元素高度固定，但子元素的高度却需要自适应，如何实现呢？
    方法一：使用flex-grow属性
flex布局对齐方式    flex-grow属性可以设置子元素的相对宽度，当子元素的宽度小于父元素时，会根据flex-grow的值进行分配。我们可以将子元素的flex-grow属性设置为1，使其自适应父元素高度。
    方法二：使用align-items属性
    align-items属性可以设置子元素的垂直对齐方式，包括stretch、flex-start、flex-end、center等。当我们将align-items属性设置为stretch时，子元素的高度会自适应父元素高度。
    方法三：使用flex-wrap属性
    flex-wrap属性可以设置子元素是否换行，包括nowrap、wrap、wrap-reverse。当我们将flex-wrap属性设置为wrap时，子元素会自动换行，根据父元素高度自适应。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。