bootstrap 3 模态框 modal-body 高度用百分比不起效果

使用百分比设置模态框的高度时可能会出现问题，因为模态框的高度是由其内容的高度决定的。但可以使用 JavaScript 动态设置模态框的高度。

例如，可以在模态框的 `shown.bs.modal` 事件中，获取模态框的高度和内容区域的高度，然后将模态框的高度设置为内容区域的高度加上一定的空白间距，例如：

$('#myModal').on('shown.bs.modal', function () {
  var modalHeight = $(this).outerHeight();
  var bodyHeight = $(this).find('.modal-body').outerHeight();
  var extraHeight = modalHeight - bodyHeight;
  var newHeight = bodyHeight + extraHeight * 0.8; // 设置为内容高度加上80%的空白间距
  $(this).find('.modal-content').css('height', newHeight);
});

这样就可以动态设置模态框的高度，使其适应内容的高度。