Css 删除google地图下方的空白（插入iframe）

我使用iframe在我的站点中插入了谷歌地图

问题是地图下方有一个“空白”

我已经尝试过：

padding: 0 !important;
margin: 0 !important;

但不起作用。 我怎样才能删除它

这是真实的站点（仅位于底部）：

---

您可以将其添加到css文件中以删除空间

.et_pb_text_inner iframe{float:left}

试试这个

制造线高度：0；对于iframe的父div

.et_pb_text_inner {
    line-height: 0; 
}

---

有两种方法可以删除空白

首先，您可以将

float

值设置为

left

或

right

iframe {
   float: right;
      // or
   float: left;
}

这在您的网站上看起来是一样的，因为您已将

iframe

max height

设置为

100%

iframe {
   max-height: 100%;
}

浮动=左：

浮动=右： 其次，您可以将

iframe

行高度周围的
div
设置为
0

.et_pb_row_5 .et_pb_row {
   line-height: 0;
}


希望这些信息对你有所帮助