Flexbox子高度

是指在使用CSS的Flexbox布局时，子元素的高度设置方式。Flexbox是一种用于创建灵活的、自适应的布局的CSS模块，它可以方便地实现响应式设计和页面布局。

在Flexbox布局中，子元素的高度可以通过以下方式进行设置：

1. 默认高度：子元素的高度可以根据内容的高度自动调整，即默认情况下，子元素的高度由其内容决定。
2. 固定高度：可以通过设置子元素的高度属性（如height）来固定子元素的高度。这样子元素的高度将保持不变，不受其他因素的影响。
3. 百分比高度：可以使用百分比来设置子元素的高度，相对于其父元素的高度。例如，设置子元素的高度为50%，则子元素的高度将是父元素高度的50%。
4. Flex-grow属性：可以使用flex-grow属性来设置子元素的高度。该属性定义了子元素在剩余空间中的增长比例。默认值为0，表示子元素不会增长。如果设置为正值，则子元素将按照比例增长。
5. Flex-shrink属性：可以使用flex-shrink属性来设置子元素的高度。该属性定义了子元素在空间不足时的收缩比例。默认值为1，表示子元素会按照比例收缩。如果设置为0，则子元素不会收缩。
6. Flex-basis属性：可以使用flex-basis属性来设置子元素的初始高度。该属性定义了子元素在分配多余空间之前的初始大小。可以设置为固定值或百分比。
7. Align-self属性：可以使用align-self属性来设置单个子元素的高度。该属性可以覆盖父元素的align-items属性，使得某个子元素具有不同的高度设置。

Flexbox子高度的设置方式取决于具体的布局需求和设计要求。根据不同的情况，可以选择合适的设置方式来实现灵活的布局效果。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：https://cloud.tencent.com/product/css