关于清除浮动问题问攻城师们

一个主容器里面的3个盒子，上面有2个盒子一个左浮动一个右浮动，最后一个盒子不浮动 那要怎么清除浮动咧 ？ 我最常用的是在最后一个盒子上面加一个结构然后清除，在结构里写个空标签不太好

网上有说用内边距解决这个问题！ 我觉得不靠谱！

还有个问题：什么时候用什么方式来清除浮动，越详细越好！谢谢，初学者，不懂的好多！

网上那些所谓的成万能清除浮动的方法有点太说过了。应该不可能有什么万能清除浮动！

---

<div id="container" class="cls">
    <div class="left"></div>
    <div class="right"></div>
    <div></div>
</div>

.left { float:left }
.right { float:right }
.cf::before, .cf::after {
  display:table;
  content:""
}
.cf::after {
  clear:both;
}
.cf {
 zoom:1; /* 这个是给IE的 */
}

这个 .cf 就是你要的。