删除多余的空格 - CSS

Question

我创建了一份表格，其中包括一系列获奖作品。

然而，由于布局选项（我使用Hubspot），奖项和表格之间有很大的空间。

您可以在以下位置查看表单：http://content.workbooks.com/free-trial-workbooks-crm?hs_preview=w1at_hmF-2371060669

我想删除多余的空格以实现以下功能：

Answer 1

使用height="325px"：

<iframe src="https://secure.workbooks.com/process/=QzM/Workbooks_Signup_Form?edition=trial"
        width="600px" height="325px" frameborder="0" scrolling="no"
        style="overflow: hidden;">
</iframe>

Answer 2

您需要降低iFrame的高度。

Answer 3

简单的解决方案

<强> HTML

<iframe id="iframeWithoutScroll" src="https://secure.workbooks.com/process/=QzM/Workbooks_Signup_Form?edition=trial"
        width="600px" height="320px" frameborder="0" scrolling="no" style="overflow:hidden">
</iframe>

<强> CSS

iframe#iframeWithoutScroll html {
   overflow: hidden;
}

那么解决这个问题!!实际上html设置为overflow: auto;。

在某些浏览器中，您可能需要滚动。对于这个go-to-here。