Css 空白问题

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

我为这个简单的问题道歉，但我试过了，似乎无法理解，但一定是看过头了

---

文章元规则包括

页边距顶部：24px

，这可能是原因吗

另外，

h1

规则指定了一个

页边距底部：24px

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

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

（由于标头为45px，因此空格）
（空格，因为页脚有页边空白：24px）

---

在单击“重载”生成的页面上，页脚及其页边顶部间距仍然存在，就在“正文”div中的长文本块之后。在您提供的链接中，正文是空的，因此您可以看到页眉正下方的页边顶部空间。如果你想覆盖页边空白的顶部，你需要为这个页面添加CSS/Javascript。如果您使用的是Chrome浏览器，请右键单击元素，单击“检查元素”，然后在右键单击“计算样式”，您将看到页边距顶部，似乎问题在于所有标题都添加了页边距：

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

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

---

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

更改

h1的
页边距底部
，以及
页脚的
页边距顶部
。我会说，与其去掉一个人的利润，不如把两者都减半，也许吧

article h1 {
    margin-bottom: 12px;
}

article footer {
    margin-top: 12px;
}

-1
对于没有代码的问题。他链接了网站…网站上的代码可以更改，这就是为什么在这里有一个静态副本很好。