div 内的标题标签在应用边距或填充时将父 div 向下推答案

【问题标题】：Header tag inside div pushes parent div down when applying margin or paddingdiv 内的标题标签在应用边距或填充时将父 div 向下推
【发布时间】：2013-12-04 00:42:51
【问题描述】：

我想将容器内的 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>

网站网址：http://lltc.designangler.com/

【问题讨论】：

标签： html css layout

【解决方案1】：

给它absolute position。

写：

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;
}

【讨论】：

这似乎破坏了我的整个布局。
没关系。我在浮动元素之后添加了一个清晰的 div，现在它似乎可以工作了。谢谢。