Question

我有float: left div，我希望在它之后清除浮动。如果我在浮动div之后插入<div style="clear:both;"></div>，那么它可以正常工作。问题是我需要一个没有额外div的解决方案。

我为clear:both标记添加了h2，但它可以正常运行，但不考虑h2的上边距。

HTML：

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

CSS：

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

请解释我如何使h2边距起作用。

JSFIddle：http://jsfiddle.net/smdgg/3/

Answer 1

确实有效。

您的JS小提琴演示缺少问题中h2的clear: both规则。

如果我们update it那么唯一的问题是它与之前的内容重叠，因为该元素具有固定的高度，因此内容溢出，可由setting overflow hidden演示。

明确：两者都带有h2标签：h2边距不起作用

1 个答案: