2017-09-04 51 views
0

我知道如何在我的模式改变我的模板的高度,当我在CSS定义的高度只有模式“背后”的形式变化, 它的网络形式,所以我不能高度应用CSS样式表上莫代尔高度与在线形式

我想这样做,因为形式的高度太高,并继续验证码

like this

我的语气

<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> 
0后

我的CSS

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

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

生活会,如果你提供了更简单一个完整的代码 –

+0

我已经运行HTML和您所提供的css和模态高度是确定的。所以您展示问题发生在打开的模式的代码更广阔的背景。检查模式的浏览器,开发者控制台打开后,发现其他任何CSS,这可能会影响它的高度。 –

回答

1

您加载模态窗口的iframe。 Yoiur文档没有你的iframe的高度信息(如果这一个不将此信息发送到您的文档)。但是,如果你知道的iframe总是会有一个固定的高度:在你的榜样605px,你可以在你的CSS使用:

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

小提琴这里:https://jsfiddle.net/0jhpzkes/