Question

我有点＆＃39; OCD＆＃39;有时候这真的很烦我。

http://music.george-b.co.uk是我正在处理的网站。

我有两个div。两者都包含一些文本（格式化与颜色不同）和iframe。问题是第二个div文本显示在iframe之上而不是其他div。两个div的代码是：

Div 1（正常间距）

<div class="omot">
    <h1>One Mic One Take</h1>
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/287376712&amp;color=00cc11&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
  </div>

Div 2（间距不正确）

<div class="xprtd">
    <h5>XPORTED</h5>
    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/295617923&amp;color=ff0000&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
  </div>

虽然一个文本是h1而另一个是h5，但它们的格式与css相同（除了表单颜色）。我真的希望间距是一样的。如果有人能帮助我解决这个小问题但又非常烦人的问题，我将非常感激。

由于

Answer 1

第二个文本块（h5）的边距值与第一个（h1）不同。 h1在0.67em之前和之后具有保证金，而h5在1.67em之前和之后具有保证金。您可以通过浏览器开发工具检查元素来检查这一点。

一种解决方案是手动添加css规则，使边距相同。或者将h5更改为h1，反之亦然。

Answer 2

我们也需要检查你的CSS，问题可能就在那里。不过，您应该尝试使用margin-top:<<a negative value here>>例如：margin-top:-15px; 试试并反馈

div中文本和iframe之间的间距

2 个答案: