html - 设置 float 元素后自动“清除:全部”

我有一个自定义元素的CMS，其中一些将与对方浮动。我的想法是使用CSS3在它们的末尾自动插入一个clear: both，而不添加带有class=“clear”的额外div。
我试着说清楚：两者都可以解决：https://stackoverflow.com/a/6681806/2481955
并使用CSS选择器选择最后一个float元素。
http://jsfiddle.net/xt3uhuxn/9/（用不同的案例更新）

.float {
    float: left;
}
.float + .float::after {

    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

但是正如您所看到的，在内容被插入Div之后，而不是在Div之后，我可以做些什么来归档我的目标（如果没有mor float元素出现，请停止浮动）
编辑：我找到了一个方法：http://jsfiddle.net/xt3uhuxn/11/问题是，这是一个不可行的方法，还是我可以像这样对孔位置进行操作，并为每个浮动的元素设置：+？

最佳答案

假设这些div位于包装器中，并且您要清除的元素是最后一个，那么您还可以执行类似这样的操作http://jsfiddle.net/wmce6grc/6/
HTML格式

<div class="list">
   <div class="float">1</div>
   <div class="float">2</div>
   <div>anything other</div>
</div>

CSS

.float {
    float: left;
}
.list div:last-child {
    clear: both;
}

关于html - 设置 float 元素后自动“清除:全部”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27865874/