使用flexbox时，子div高度应等于其父高度

使用flexbox布局时，子div的高度默认是根据内容的高度来决定的，而不是等于其父元素的高度。然而，可以通过一些技巧来实现子div的高度等于其父元素的高度。

一种常见的方法是将父元素设置为flex容器，并使用flex属性来控制子元素的高度。具体步骤如下：

1. 将父元素设置为flex容器，可以通过设置父元素的display属性为flex来实现，例如：.parent { display: flex; }
2. 设置子元素的flex属性为1，这将使子元素根据可用空间平均分配高度，例如：.child { flex: 1; }

这样，子div的高度将会自动填充父元素的剩余空间，从而实现子div的高度等于其父元素的高度。

使用flexbox布局的优势包括：

• 灵活性：flexbox提供了强大的布局能力，可以轻松实现各种复杂的布局需求。
• 响应式布局：flexbox可以根据不同的屏幕尺寸和设备自动调整布局，适应不同的显示环境。
• 简化布局代码：相比传统的布局方式，flexbox可以用更少的代码实现相同的布局效果，减少了开发工作量。

使用flexbox布局的应用场景包括：

• 网页布局：flexbox可以用于构建响应式的网页布局，适应不同的屏幕尺寸和设备。
• 列表布局：flexbox可以用于创建水平或垂直的列表布局，方便展示各种类型的数据。
• 导航菜单：flexbox可以用于创建灵活的导航菜单，适应不同的屏幕尺寸和布局需求。

腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。具体推荐的腾讯云产品和产品介绍链接如下：

• 云服务器（CVM）：提供弹性计算能力，支持按需购买和预留实例，适用于各种应用场景。详细介绍请参考：腾讯云云服务器
• 云数据库MySQL版（CDB）：提供稳定可靠的云数据库服务，支持高可用、备份恢复、性能优化等功能。详细介绍请参考：腾讯云云数据库MySQL版
• 云对象存储（COS）：提供安全可靠的云端存储服务，支持海量数据存储和访问，适用于图片、视频、文档等各种类型的文件存储。详细介绍请参考：腾讯云云对象存储

以上是关于使用flexbox时子div高度等于其父高度的答案，以及相关的优势、应用场景和腾讯云产品介绍。