-1

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

对于这个简单的问题，我深表歉意，但我已经尝试过，但似乎无法得到它，但一定是在看一些东西。

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

在此处输入图像描述

4

4 回答 4

1

似乎问题依赖于向所有标题添加边距：

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

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

通过删除该值（24px），您会在单击“重型机械师”时影响页面。也许您可以尝试删除 h1 上的边距底部，并在“heavy duty mechanic”（“关于这个机会”）中的副标题上添加边距。

于 2013-05-30T23:13:15.140 回答
0

改变margin-bottom的h1和。margin-top_ footer我会说，与其减少一个人的利润，不如将两者都减少一半，也许？

article h1 {
    margin-bottom: 12px;
}

article footer {
    margin-top: 12px;
}
于 2013-05-30T23:50:32.747 回答
0

.article-meta规则包括，这margin-top:24px可能是什么原因造成的？

此外，该h1规则指定了一个margin-bottom:24px.

于 2013-05-30T23:09:03.380 回答
0

您的“页脚”元素顶部有 24 像素的边距。这是您的 HTML 的结构：

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

在通过单击“Heavy Duty”生成的页面上，页脚及其页边距仍然存在，就在“body”div 中的那段长文本之后。在您提供的链接中，您的正文是空的，因此您会在标题下方看到顶部边缘空间。如果您想覆盖页边距顶部，则需要专门为此页面添加 CSS/Javascript。如果您使用的是 Chrome，请右键单击您的元素，单击 Inspect Element，然后在右键单击 Computed Style，您将看到 margin-top

于 2013-05-30T23:10:51.567 回答