2017-09-04 53 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/