使用 inline-block ，有时会出现bug

• 两个inline-block 元素之间如果有空格、回车、tab，那么在页面上就有一个空隙
• 两个不同高度的 inline-block 元素顶部无法对齐
• 使用inline-block下面无缘无故多出几像素

出现空隙的原因：inline-blcok 之间的不可见符号会被保留父层字体的1/3大小的空间

使用margin存在两种问题，一种是穿透问题，一种是折叠问题

总结数组去重的方法

原因

在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。