Bootstrap 3对% height的影响

是将其应用于父元素的高度设置。在Bootstrap 3中，使用百分比高度（% height）的元素必须具有一个已知的父元素高度。这是因为在Bootstrap 3中，父元素的高度不会自动根据子元素的百分比高度进行调整。

具体来说，当一个元素的高度设置为百分比值时，它会相对于其父元素的高度进行计算。如果父元素没有显式设置高度，或者父元素的高度是自适应的（例如，根据内容自动调整高度），那么百分比高度将无法正常工作。

为了解决这个问题，可以通过以下几种方式来实现百分比高度的效果：

1. 使用固定高度的父元素：将父元素的高度设置为一个固定的像素值，这样子元素就可以使用百分比高度来相对于父元素进行计算。
2. 使用JavaScript：通过使用JavaScript来动态计算和设置元素的高度，可以实现百分比高度的效果。可以使用jQuery等库来简化操作。
3. 使用Flexbox布局：如果浏览器支持Flexbox布局，可以使用Flexbox来实现百分比高度的效果。Flexbox布局提供了更灵活的布局方式，可以轻松实现元素的百分比高度。

需要注意的是，Bootstrap 3并不直接提供对百分比高度的支持，因此在使用Bootstrap 3时，需要根据具体情况选择合适的解决方案来实现百分比高度的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云弹性伸缩（Auto Scaling）。腾讯云云服务器提供了可靠的计算能力，可以满足各种规模的应用需求。腾讯云弹性伸缩可以根据实际需求自动调整云服务器的数量，以实现高可用性和弹性扩展。

腾讯云云服务器（CVM）产品介绍链接：https://cloud.tencent.com/product/cvm 腾讯云弹性伸缩（Auto Scaling）产品介绍链接：https://cloud.tencent.com/product/as