空白问题

-1

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

我为这个简单的问题表示歉意，但已经尝试过，似乎无法得到它，但必须结束看什么。

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

enter image description here

来源

2013-05-30 Chris S

没有代码的问题'-1'。 – Sourabh

他链接的网站... – 755

该网站上的代码可以改变这是为什么这里有一个静态副本是很好的。 –

的.article-meta规则包括margin-top:24px，这是可能是什么造成的呢？另外，h1规则指定margin-bottom:24px。

来源

2013-05-30 23:09:03

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

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

在点击“重载”，页脚制作的页面，它的上边距间距仍然存在，它只是文字在你的“身体长块之后的“div。在你给的链接中，你的身体是空的，所以你看到你的标题下方的空白顶部空间。如果你想覆盖margin-top，你需要为这个页面添加CSS/Javascript。如果你使用的是Chrome，右键单击你的元素，单击检查元素，然后在右键点击计算样式，你会看到边缘顶部

来源

2013-05-30 23:10:51 755

看来问题依赖于一个边缘被添加到所有标题：

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

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

通过删除该值（24px），您在点击“重型机械师”时会影响页面。也许你可以尝试删除h1的保证金底部，并在“重型机械师”（“关于这个机会”）的副标题中加上一个顶部的保证金。

来源

2013-05-30 23:13:15

更改h1的margin-bottom和footer的margin-top。也许我会说，把两者都减少到一半，而不是去掉边际？

article h1 { 
    margin-bottom: 12px; 
} 

article footer { 
    margin-top: 12px; 
}

来源

2013-05-30 23:50:32 Sourabh

回答

相关问题