CSS中zoom:1的作用 ，小标簽大作用

CSS中zoom:1的作用

相容IE6、IE7、IE8浏覽器，經常會遇到一些問題，可以使用zoom:1來解決，有如下作用：

觸發IE浏覽器的haslayout

解決ie下的浮動，margin重疊等一些問題。

比如，本站使用DIV做一行兩列顯示，HTML代碼：

1. <div class="h_mainbox"> 
2. <h2>推薦文章</h2> 
3. <ul class="mainlist"> 
4. <li><a href="#" style="color:#0000FF" target="_blank">CSS庫吧</a></li> 
5. <li><a href="#" style="color:#0000FF" target="_blank">原創< /a></li> 
6. </ul> 
7. </div> 

CSS代碼：

1. .h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden} 
2. .h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;} 
3. .h_mainbox h2 span { float:right; font-weight:normal;} 
4. .h_mainbox ul { padding:6px 0px; background:#fff;} 
5. .mainlist { overflow:auto; zoom:1;} 
6. .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%;} 

加紅色的那裡就可以在IE6、IE7、IE8正常顯示效果了。

css中的zoom的作用

1、檢查頁面的标簽是否閉合

不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源于這裡。畢竟頁面的模闆一般都是由開發來嵌套的，而他們很容易犯此類問題。

快捷提示：可以用 Dreamweaver 打開檔案檢查，一般沒有閉合的标簽，會黃色背景高亮。

　　2、樣式排除法

有些複雜的頁面也許加載了 N 個外鍊 CSS 檔案，那麼逐個删除 CSS 檔案，找到 BUG 觸發的具體 CSS 檔案，縮小鎖定的範圍。

　　對于剛才鎖定的問題 CSS 樣式檔案，逐行删除具體的樣式定義，定位到具體的觸發樣式定義，甚至是具體的觸發樣式屬性。

　　3、子產品确認法

有時候我們也可以從頁面的 HTML 元素出發。删除頁面中不同的 HTML 子產品，尋找到觸發問題的 HTML 子產品。