如何处理浮动<；部门>；什么是HTML？

我遇到了下面的代码来处理HTML中的浮点（div）。我相信任何人都知道它是如何工作的

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

---

对于mac上的ie来说，这似乎是一种多填充

它基本上会生成一个伪元素，该元素被附加到该类应用到的元素中，但是由于高度为0，“点”不会显示

---

清除：两者都使流程中的其他元素（即，不浮动）保持稳定。仍然不会与浮动元素一起堆叠。”“两个”表示两边都清楚。
请解释您的确切要求。也张贴HTML代码或一些图像解释设计你正在寻找。