Question

您好我试图将我的h2标题带到他们所处的div的顶部，但我无法弄清楚如何删除填充/边距/不管它是什么导致他们到目前为止间隔。

这是我第一次尝试使用＆＃34;部分＆＃34;并且我正在使用它们来创建一个视差滚动网站。我已经上传了该网站，因此您可以看到它的实际效果。它指出了＃Title; Title One＆＃34;，＆＃34; Title Two＆＃34;等等，这就是我想把它们带到他们内心的顶部。

示例网站网址... http://www.littleroomproductions.com/jQtest/

下面是我认为需要更改的代码部分，以便将标题放到div的顶部......

// HTML

   <section class="box content">
    <div id="me"></div>
    <div class="container">
      <h2>Title One</h2>

      <p>This is where text goes </p>
            <div class="someContent">
                <p>click me</p>
            </div>
    </div>
  </section>

//使用CSS

section.box:last-child {
margin-bottom: 0;
}

section.box h2 {
padding-top: 0;
margin-bottom: 20px;
color: #606060;
font-family: serif;
font-size: 30px;
}

section.box p {
padding-top: 0;
margin-bottom: 20px;
color: black;
font-size: 20px;
font-family: cursive;
font-weight: 300;
}

section.box p:last-child {
margin-bottom: 300px;
}

section.box.content {
padding-top: 0;
padding-left: 40px;
padding-bottom: 40px;
 }

section.box.slide {
padding: 240px 0;
background-position: 0 0;
}

section.box.slide h1 {
color: yellow;
font-size: 48px;
/*line-height: 1;*/
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px black;
}

Answer 1

您

#me #projects #hire有一个100px的填充顶部;

Answer 2

试试这个

section.box h2 {
padding-top: 0;
margin: -7px 0;
color: #606060;
font-family: serif;
font-size: 30px;
}

试图从我的h2标题中删除填充

2 个答案: