其實Zoom屬性是IE瀏覽器的專有屬性，Firefox等瀏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外，它還有其他一些小作用，比如觸發ie的hasLayout屬性，清除浮動、清除margin的重疊等。

Zoom的使用方法：

zoom : normal | number

normal :　 默認值。使用對象的實際尺寸

number :　 百分數 | 無符號浮點實數。浮點實數值為1.0或百分數為100%時相當于此屬性的 normal 值用白話講解就是zoom:后面的數字即放大的倍數，可以是數值，也可以是百分比。如：zoom:1，zoom:120%。而這個屬性只要在IE中才起作用，所以很少用到它的實際用途，而最經常用到作用是清除浮動等，如：

.border{
border:1px solid #CCC;
padding:2px;
overflow:hidden;
_zoom:1;
}

_zoom是CSS hack中專對IE6起作用的部分。IE6瀏覽器會執行zoom:1表示對象的縮放比例，但這里
overflow:hidden;和_zoom:1;是連起來用的，作用是清除border內部浮動。

同理，還可以使用同樣方法清除margin屬性在IE瀏覽器中的重疊問題。

CSS中zoom:1的作用

兼容IE6、IE7、IE8瀏覽器，經常會遇到一些問題，可以使用zoom:1來解決，有如下作用：
觸發IE瀏覽器的haslayout
解決ie下的浮動，margin重疊等一些問題。
比如，本站使用DIV做一行兩列顯示，HTML代碼：

<div class=”h_mainbox”>
<h2>推薦文章</h2>
<ul class=”mainlist”>
<li><a href=”#” style=”color:#0000FF” target=”_blank”>CSS庫吧</a></li>
<li><a href=”#” style=”color:#0000FF” target=”_blank”>原創< /a></li>
</ul>
</div>

CSS代碼：

.h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden}
.h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;}
.h_mainbox h2 span { float:right; font-weight:normal;}
.h_mainbox ul { padding:6px 0px; background:#fff;}
.mainlist { overflow:auto; zoom:1;}
.h_mainbox li { width:268px; float:left; height:24px; overflow:hidden; background:url(../icon3.gif) 0 6px no-repeat; padding:0px 5px 0px 18px; line-height:200%;}

.mainlist里面的zoom:1的那里就可以在IE6、IE7、IE8正常顯示效果了。

css中的zoom的作用

1、檢查頁面的標簽是否閉合
不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源于這里。畢竟頁面的模板一般都是由開發來嵌套的，而他們很容易犯此類問題。
快捷提示：可以用 Dreamweaver 打開文件檢查，一般沒有閉合的標簽，會黃色背景高亮。