莫代尔高度与在线形式
问题描述:
我知道如何在我的模式改变我的模板的高度,当我在CSS定义的高度只有模式“背后”的形式变化, 它的网络形式,所以我不能高度应用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">×</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>
0后
我的CSS
.modal-body {
padding: 20px 50px;
}
.modal-body {
position: relative;
padding: 15px;
}
答
您加载模态窗口的iframe。 Yoiur文档没有你的iframe的高度信息(如果这一个不将此信息发送到您的文档)。但是,如果你知道的iframe总是会有一个固定的高度:在你的榜样605px,你可以在你的CSS使用:
.pipedriveWebForms {
height: 800px !important; /* you have to update this to fit your needs */
}
生活会,如果你提供了更简单一个完整的代码 –
我已经运行HTML和您所提供的css和模态高度是确定的。所以您展示问题发生在打开的模式的代码更广阔的背景。检查模式的浏览器,开发者控制台打开后,发现其他任何CSS,这可能会影响它的高度。 –