iframe汽車高度到100％

Question

我試圖讓這個iframe自動調整其高度，但無論我做什麼，它都無法工作！我嘗試過在CSS中使用職位和其他技巧的各種組合。不知何故，我錯過了一些至關重要的事情。

我不能使用最小高度或最大高度，因爲每次形式都會有所不同，並且會創建大量空白。

<div class="row"> 
     <div class="col-xs-12"> 
      <iframe style="height: 100%;width: 100%; margin: 0;" src="https://docs.google.com/forms/d/1406PEfzY-ZV_nx2mACr6DBoyxm95JfGvhWftOml73xg/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe> 
     </div> 
    </div> 

有人可以建議我哪裏出錯了嗎？

Answer 1

添加position:absolute並在您的風格中將填充和邊距設置爲0。如果你把它設置爲絕對的，它會相對位置的第一定位的祖先元素

Working JS

希望工程，你的情況:)