模态高度与在线表格

Question

我知道如何在我的模态中更改我的表单的高度，当我在CSS中定义高度时只有模态的高度＆＃34;后面＆＃34;形式改变， 它的在线表格，所以我不能在表格上应用CSS样式

我想这样做，因为表格的高度太高而且在验证码

之后会继续

我的模态

<div class="modal fade" id="contact" data-backdrop="false">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
          <div class="pipedriveWebForms" data-pd-webforms="https://pipedrivewebforms.com/form/2067fd4d72477805424c879502205cc81994719"><script src="https://pipedrivewebforms.com/webforms.min.js"></script></div>
      </div>
    </div>
  </div>
</div>

我的CSS

.modal-body {
    padding: 20px 50px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

Answer 1

您正在模态窗口中加载iframe。 Yoiur文档没有关于iframe高度的信息（如果此信息不会将此信息发送到您的文档）。但是，如果你知道iframe总是有一个固定的高度：在你的例子605px中，你可以在你的css中使用它：

.pipedriveWebForms {
     height: 800px !important; /* you have to update this to fit your needs */
}

这里有一个小提琴：https://jsfiddle.net/0jhpzkes/