html - h2 一直到下一个 div 的顶部

Question

我有一个 h2 标签，一个带有一些框的 div 和相同的。然而，h2 有一个边框顶部，并且该边框顶部一直到之前 div 的顶部，即使它在该 div 之外。

我做了一个jsfiddle来说明：

http://jsfiddle.net/jjYhg/

Answer 1

如果我理解正确，问题是上 div 向左浮动。解决方案是添加clear: both;（或clear: left;）到h2.

h2 {
    font-family: BebasNeue;
    color: #777878;
    font-size: 50px;
    border-top: 3px dashed #777878;
    border-bottom: 3px dashed #777878;
    line-height: 1;
    margin: 10px;
    clear: both;
}

Answer 2

添加明确：两者；到 CSS 中的 H2 标签。这告诉 H2 在它们上方的任何页面元素下方下降。