我有以下HTML标记。连续有两个.item div,每个div都有不同的高度。
是否可以在不改变标记的情况下清除每秒后的浮点数?每个第二个div都有类.last-item。
HTML:
<div class="wrap">
<div class="item"></div>
<div class="item last-item"></div>
<div class="item"></div>
<div class="item last-item"></div>
</div>
CSS:
.wrap{
border: 1px solid #000;
width: 200px;
overflow: hidden;
}
.item{
width: 50%;
background: yellow;
margin-bottom: 10px;
float: left;
}
答案 0 :(得分:11)
.item:nth-child(2n+1) { clear: both; }
这相当于:
.item:nth-child(odd) { clear: both; }
在每隔一个项目后清除(换句话说,每三分之一)。
答案 1 :(得分:0)
您可以使用nth-child(odd)
选择器:
.item:nth-child(odd){
clear: both;
}