CSS中zoom:1 的清除浮动原理?

清除浮动，触发 hasLayout；

zoom 属性是 IE 浏览器的专有属性，它可以设置或检索对象的缩放比例。解决 ie 下比较奇葩

的 bug 。譬如外边距（ margin ）

的重叠，浮动清除，触发 ie 的 haslayout 属性等。 来龙去脉大概如下：

当设置了 zoom 的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，

这里一旦改变 zoom 值时其实也会发

生重新渲染，运用这个原理，也就解决了 ie 下子元素浮动时候父元素不随着自动扩大的问

题。

zoom 属性是 IE 浏览器的专有属性，火狐和老版本的 webkit 核心的浏览器都不支持这个属性。

然而， zoom 现在已经被逐步标

准化，出现在 CSS3.0 规范草案中。

目前非 ie 由于不支持这个属性，它们又是通过什么属性来实现元素的缩放呢？可以通过 css3

里面的动画属性 scale 进行缩放。

（完结）

欢迎大家扫码给我的小程序一点支持啊