1.<!DOCTYPE HTML>文檔類型的聲明埠偿。
產(chǎn)生條件：IE6瀏覽器冻晤，當我們沒有書寫這個文檔聲明的時候茵烈，會觸發(fā)IE6瀏覽器的怪異解析現(xiàn)象；
解決辦法：書寫文檔聲明环疼。
2.不同瀏覽器當中习霹，很多的標簽的默認樣式不同，如默認的外部丁內(nèi)補丁炫隶。
產(chǎn)生條件：不同瀏覽器淋叶；
解決辦法：利用CSS reset文件進行樣式的清除，然后再根據(jù)需要進行設(shè)置伪阶。
3.橫向雙倍外邊距
產(chǎn)生條件：在IE6中塊元素浮動后煞檩，會出現(xiàn)橫向雙倍margin現(xiàn)象。
解決辦法： 在float標簽的樣式控制中加入display：inline
4.默認行高
產(chǎn)生條件：IE6栅贴、IE7斟湃、遨游瀏覽器；設(shè)置的文字高度超出盒模型內(nèi)容區(qū)域設(shè)置的高度時會影響布局檐薯。
解決辦法：給超出高度的標簽設(shè)置overflow：hidden凝赛；或者將文字的行高line-height設(shè)置為小于塊的高度。
5.img外部的border
產(chǎn)生條件：img外部有a標簽坛缕，即img標簽有鏈接時
解決辦法：設(shè)置img邊框border:0;
6.圖片默認有間距墓猎。
產(chǎn)生條件：img標簽（每個img之后敲了回車）
解決辦法：為img設(shè)置float的浮動布局方式。
7.經(jīng)典3像素bug
產(chǎn)生條件：IE6瀏覽器赚楚，浮動塊元素與未浮動塊元素處于同一行毙沾，有默認的3px間距。
解決辦法：設(shè)置非浮動元素浮動宠页。
8.默認行高
產(chǎn)生條件：清除浮動的時候左胞，有些人會采取一種清浮動的方法，使用一個空的div举户，然后為這個div設(shè)置{clear：both}烤宙。在大部分
瀏覽器當中，這樣做是沒有任何問題的敛摘，但是在IE6瀏覽器當中门烂，div即使是空的，也會存在默認行高。
解決辦法：設(shè)置其高度為0屯远，并設(shè)置overflow:hidden蔓姚。{height:0;overflow:hidden;clear:both;}
9.a標簽hover不適用于所有標簽
產(chǎn)生條件：IE6瀏覽器中hover只支持a標簽的使用，不支持一切其它標簽使用慨丐；
解決辦法：合理用a標簽嵌套其他行內(nèi)標簽或者用javascript模擬a的hover效果坡脐；詳情請查看日志：兼容IE6 a標簽hover效果
10.table標簽當中border-color屬性設(shè)置無效
產(chǎn)生條件：IE6中table設(shè)置屬性border-color無效；
解決辦法：運用CSS樣式進行控制房揭，而不是使用屬性進行樣式的處理备闲。
11.png格式圖片
產(chǎn)生條件：IE6瀏覽器，不支持透明捅暴；
解決辦法：使用javascript進行處理恬砂；或者使用gif、jpg圖像替代掉png圖片的使用蓬痒。
12.透明rgba與opacity
產(chǎn)生條件：IE6不支持此兩種透明的設(shè)置方法泻骤；
解決辦法：使用IE6當中的濾鏡filter替代掉，如：opacity:0.6;filter:alpha(opacity=60)梧奢。
13.子選擇器在IE6中不能使用
產(chǎn)生條件：IE6瀏覽器狱掂，使用E>F子選擇器；
解決辦法：采用其他選擇器或者采用后代選擇器進行控制亲轨，如：div p{margin:10px;} div p p{margin:0;}替代掉 div>p{margin:10px;}趋惨。
14.不支持最大最小寬高
產(chǎn)生條件：IE6瀏覽器，標簽的最低高度/寬度設(shè)置（min/max-height）
解決辦法：為IE6單獨設(shè)置hack惦蚊，即_height:最小高度值器虾；_width：最小寬度值（對于IE6，當實際寬高超出定義的寬高時养筒，元素會自動調(diào)整寬高）曾撤。對于最大高度和最大寬度端姚，沒有必要設(shè)置兼容晕粪，當前對于開發(fā)者來說，只需要保證IE6下正常顯示即可渐裸，無需在它身上花費太多功夫巫湘。
15.縱向居中，IE6不支持display:table-cell
產(chǎn)生條件：IE6瀏覽器昏鹃，設(shè)置一個元素在另一個元素中垂直方向上居中對齊尚氛，不能夠支持以單元格的方式來顯示元素；
解決辦法：如果是單行文本洞渤，采用line-height和height的配合使得文本垂直居中阅嘶，如果中間是其他元素或者多行文本，采用其他方法進行居中處理，處理方法有多種讯柔，詳見日志：CSS元素水平垂直居中抡蛙。
16.input 聚焦框顏色與樣式不同
產(chǎn)生條件：各個瀏覽器表現(xiàn)不同；
處理方法：使用outline:none魂迄，清除默認樣式之后再統(tǒng)一設(shè)置粗截。
17.鼠標移上小手效果
產(chǎn)生條件：IE6，cursor:hand ：IE完全支持捣炬。但是在firefox是不支持的熊昌，沒有效果。cursor:pointer ：是CSS2.0的標準湿酸。所以firefox是支持的婿屹，但是IE5.0既之前版本不支持。IE6開始支持推溃。选泻；
解決辦法：設(shè)置兩種cursor:pointer;cursor:hand。
18.子標簽無法撐開父標簽的高度
產(chǎn)生條件：父標簽內(nèi)部含一個或多個子標簽美莫，父標簽沒有設(shè)置浮動页眯，而子標簽發(fā)生浮動；
處理方法：方法1：在子標簽最后添加清除浮動的設(shè)置<div style='height:0;clear:both'></div>; 方法2：為父標簽添加{ove
