删除底部的额外CSS间距

Question

这是问题所在。我有一个iframe的问题，底部有一个额外的空间并向下推文字。这是我当前的代码。

    iframe#resourceobject {
      max-height: 515px !important;
      height: -webkit-fill-available!important;
    }

iframe包含视频，我不确定视频的确切高度，因此会根据视频进行更改。

这是将文本推到底部的文本的CSS。

    div#urlintro {
     vertical-align: top;
     margin-top: 10px;
     display: inline-block;   
   }

如何删除额外的底部填充，以便文本可以保持靠近视频的底部而不管视频高度如何？

谢谢。