出于某种原因,我看不到如何删除我的标题和细节之间的巨大差距。我检查了不同的区域,看不到任何添加的填充。我用红色标出了要删除的区域。唯一棘手的部分是,一旦您单击“重型机械师”,我想删除此间距而不影响页面
对于这个简单的问题,我深表歉意,但我已经尝试过,但似乎无法得到它,但一定是在看一些东西。
出于某种原因,我看不到如何删除我的标题和细节之间的巨大差距。我检查了不同的区域,看不到任何添加的填充。我用红色标出了要删除的区域。唯一棘手的部分是,一旦您单击“重型机械师”,我想删除此间距而不影响页面
对于这个简单的问题,我深表歉意,但我已经尝试过,但似乎无法得到它,但一定是在看一些东西。
似乎问题依赖于向所有标题添加边距:
h1, h2, h3, h4, h5, h6 {margin: 0 0 24px}
在标题(以及字幕等)的底部添加边距。
通过删除该值(24px),您会在单击“重型机械师”时影响页面。也许您可以尝试删除 h1 上的边距底部,并在“heavy duty mechanic”(“关于这个机会”)中的副标题上添加边距。
改变margin-bottom
的h1
和。margin-top
_ footer
我会说,与其减少一个人的利润,不如将两者都减少一半,也许?
article h1 {
margin-bottom: 12px;
}
article footer {
margin-top: 12px;
}
.article-meta
规则包括,这margin-top:24px
可能是什么原因造成的?
此外,该h1
规则指定了一个margin-bottom:24px
.
您的“页脚”元素顶部有 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