为什么即使我在CSS3 flexbox中指定了flex-basis: 0，我也要指定height: 0？

在CSS3 flexbox中，当我们指定了flex-basis: 0时，元素的初始尺寸会被设置为0，但是元素的内容仍然会撑开元素的高度。这意味着即使元素的宽度为0，但是如果内容很多，元素的高度仍然会根据内容的大小自动调整。

为了确保元素的高度为0，我们需要额外指定height: 0。这样可以强制将元素的高度设置为0，无论内容的多少。

这种情况通常发生在使用flexbox布局时，我们希望元素在垂直方向上完全收缩，不占据任何空间。通过指定flex-basis: 0和height: 0，我们可以实现这一效果。

需要注意的是，这种情况并不适用于所有情况，具体取决于布局需求和元素的内容。在某些情况下，可能不需要显式指定height: 0，而是通过其他方式来控制元素的高度。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai_services
• 物联网（IoT）：https://cloud.tencent.com/product/iot_explorer
• 移动开发（移动推送）：https://cloud.tencent.com/product/umeng
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc