我有float: left
div,我想在它之后清除浮动。<div style="clear:both;"></div>
如果我在浮动 div 之后插入,那么它工作正常。问题是我需要一个没有额外的解决方案div
。
我添加clear:both
了h2
标签,它可以工作,但没有考虑 h2 上边距。
HTML:
<p class="with_arrow_down">IF you don’t know the cost you are 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/