Html 我在iFrame之间有恼人的空白-我已经尝试了我能想到的一切

在我的网站上，我的两个谷歌涂鸦iframes之间有空格，无法删除。我基本上想要一个和吃豆人和足球一样大的空间，但是它太大了。
标记没有引起问题，也不确定问题是在css还是html中。提前谢谢。网站位于：

---

这与

.doodle

类的高度和许多

标记有关。我改变了：

.doodle {
position: relative;
height: 61%;
width: 83%;
transition: all .2s ease-in-out;
}

到

---

并删除了iframes之间的所有

，修复了您遇到的问题。

我认为您在中间涂鸦的高度方面存在问题。

---

将其设置为绝对值（如240px），看起来会更好一些。

谢谢Fester！这解决了问题。我还以为我的谷歌涂鸦被贴错了标签：）

.doodle {
position: relative;
height: 61%;
width: 83%;
transition: all .2s ease-in-out;
}

.doodle:hover {
transform: scale(1.2) ;
}

.pacman {
position: relative;
height: 41%;
width: 65%;
transition: all .2s ease-in-out;
}

.pacman:hover {
transform: scale(1.2) ;
}

.doodle {
position: relative;
height: 61%;
width: 83%;
transition: all .2s ease-in-out;
}

.doodle {
position: relative;
height: 225px;
width: 83%;
transition: all .2s ease-in-out;
}