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标签。这告诉H2s在它们上面的任何页面元素下面向下撞击。