Html 清除：均带有h2标记：h2页边距doens'；行不通

我有

float:left

div，我想清除它后面的浮动。 如果我在浮点div之后插入

，那么它就可以正常工作。问题是我需要一个没有额外

div

的解决方案

我添加了

clear:two

对于

h2

标记，它是有效的，但是h2顶部边距没有被考虑在内

HTML:

请告诉我如何使h2页边距正常工作

jsFIDLE:

它确实有效

您的JS Fiddle演示缺少问题中h2的

clear:both

规则

---

如果我们这样做，唯一的问题是它与前面的内容重叠，因为该元素有一个固定的高度，因此内容溢出，这可以通过以下方式来证明。

您的小提琴忽略了

清除：两者都是
…将其添加到
h2中。bigmargin
规则的行为符合预期。我已经更新了我的问题。它确实有效，但利润率不起作用。见更新的问题。我从我的网站上复制了这些css和html，看起来很清楚：两者都不起作用，但实际上页边距不起作用。@renathy-这个答案已经解释了为什么页边距不能像你期望的那样起作用。在向下箭头上设置溢出隐藏，或者不要给它一个固定的高度。我看不出溢出隐藏或不设置高度有什么帮助。它仍然没有考虑利润。我需要h2和之间的边距。当箭头向下时，h2和之间有一个边距。当箭头向下时，因为箭头向下的高度是固定的，所以元素的内容延伸到该边距之内和之外。
<p class="with_arrow_down">IF you don’t know the cost you are&nbsp;probably making the wrong decisions</p>
<!--<div style="clear:both;"></div>-->

<h2 class="bigmargin">Check list for maintaining the highest levels </h2>

.with_arrow_down {        
    padding-top: 44px;
    height: 30px;
    width: 28%;
    text-align: center;
    margin-left: 5%;
    float: left;
}
.with_arrow_down:nth-of-type + * {
    clear: both;
}
h2.bigmargin {
    margin: 65px 0 65px 0;
    clear:both;
}