白色空间问题

Question

出于某种原因，我看不出如何删除我的标题和细节之间的这个巨大差距。我检查了不同的区域，并且看不到任何填充。我标出了我要删除的红色区域。唯一棘手的部分是我想删除这个间距而不会影响页面一旦你点击“重型机械师”

我为这个简单的问题道歉，但是已经尝试过但似乎无法得到它，但必须在寻找一些东西。

http://jobspark.ca/job-listings/

Answer 1

似乎问题依赖于在所有标题上添加的边距：

h1, h2, h3, h4, h5, h6 {margin: 0 0 24px}

在标题的底部添加边距（以及字幕等）。

删除该值（24px）会在您点击“重型机械师”时影响页面。也许您可以尝试删除h1上的边距底部，并在“重型机制”（“关于此机会”）中为字幕添加上边距。

Answer 2

.article-meta规则包含margin-top:24px，这可能是导致它的原因吗？

此外，h1规则指定margin-bottom:24px。

Answer 3

你的“页脚”元素有24px margin-top。这是HTML的结构：

<header>
(space because the header is 45px)
<div class="body">
(space because the footer has margin-top: 24px)
<footer>

在单击“Heavy Duty”生成的页面上，页脚和它的margin-top间距仍然存在，它就在你的“body”div中的那一段很长的文本之后。在您提供的链接中，您的身体是空的，因此您可以看到标题下方的边距顶部空间。如果你想要覆盖margin-top，你需要专门为这个页面添加CSS / Javascript。如果您使用的是Chrome，请右键单击您的元素，单击“检查元素”，然后右键单击“计算样式”，您将看到margin-top

Answer 4

更改margin-bottom的{​​{1}}和h1的{​​{1}}。我会说，不是删除一个边距，而是减少一半，可能吗？

margin-top