我不明白为什么当div折叠时，div中的内容会被压缩

当div折叠时，div中的内容会被压缩是因为CSS中的盒模型属性导致的。

在CSS中，每个元素都被视为一个矩形的盒子，这个盒子由内容、内边距、边框和外边距组成。盒模型属性定义了这些部分的尺寸和位置。

当一个div元素被折叠时，通常是通过设置其display属性为none或者visibility属性为hidden来实现的。这样做会使div元素不再占据空间，从而导致其内部内容被压缩。

具体来说，当一个div元素被折叠时，其内部内容的尺寸会被压缩到0，但是内边距、边框和外边距仍然存在。这意味着，即使内容被压缩，div元素的边框和外边距仍然会占据一定的空间。

如果你希望在折叠div时同时隐藏其内部内容，可以使用CSS的display属性或者visibility属性来实现。display属性可以将元素完全隐藏，并且不占据空间，而visibility属性可以将元素隐藏，但仍然占据空间。

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

• 腾讯云CSS（云服务器）：提供可扩展的云服务器实例，满足不同规模和业务需求。产品介绍链接
• 腾讯云CDN（内容分发网络）：加速内容分发，提高用户访问速度和稳定性。产品介绍链接
• 腾讯云COS（对象存储）：提供高可靠、低成本的云端存储服务。产品介绍链接
• 腾讯云SCF（云函数）：无服务器的事件驱动计算服务，帮助开发者更轻松地构建和管理应用程序。产品介绍链接