Div容器高度百分比不起作用

是因为在设置高度百分比时，需要确保其父元素的高度已经被明确地设置。如果父元素的高度没有被设置，那么子元素的百分比高度将无法生效。

解决这个问题的方法有两种：

1. 确保父元素的高度已经被设置：可以通过给父元素设置一个具体的高度值，例如像素值或者是其他单位的值，来确保父元素的高度已经被明确地设置。这样子元素就可以使用百分比值来设置自己的高度了。
2. 使用其他布局方式：如果无法确定父元素的高度或者不想设置具体的高度值，可以考虑使用其他的布局方式，例如使用flexbox布局或者grid布局。这些布局方式可以更灵活地控制元素的尺寸和位置，而不依赖于父元素的高度。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供可扩展的计算能力，可以轻松创建和管理云服务器实例，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：无需管理服务器，按需运行代码，提供事件驱动的无服务器计算服务。适用于处理后端逻辑、数据处理、定时任务等场景。产品介绍链接：https://cloud.tencent.com/product/scf