html - 应用边距或填充时，div 内的 header 标记会将父 div 向下推

Question

我想将容器内的 H1 标签向下移动。如果我在 H1 样式或它本身的 div 上放置边距或填充顶部，它想将父 div 向下推。我不知道这是为什么。感谢您对此事的任何帮助。

CSS:

div.right-header{
  float:right;
  width: 45em;
}

div.title h1{
  font-family: 'AachenTL-Bold';
  font-weight:normal;
  font-style:normal;
  float:left;
  margin:0;
  padding:0;
  padding-left: 0.5em;
  color: #36F;
}

HTML:

<div class="title"><a href="/index"><h1>Gaa'Oziskwaajimekaag<br />Gabe Gikendaasoowigamig</h1></a></div>

站点 URL:http://lltc.designangler.com/

Answer 1

给它绝对位置。

写:

div.title h1{
    position:absolute;
    font-family: 'AachenTL-Bold';
    font-weight:normal;
    font-style:normal;
    float:left;
    margin:0;
    padding:0;
    padding-left: 0.5em;
    color: #36F;
}