1.3px偏移bug
問題描述：浮動元素與非浮動元素相鄰(包括橫向和縱向的相鄰)，會產生3px偏移；
解決辦法：方法
一、新增float:left給非浮動元素，使其也浮動
方法二、使用過濾器*html #float，為浮動元素定義任意高度，迫使其擁有布局
2.雙倍margin邊距
問題描述：浮動元素設定浮向margin邊距屬性時，其值會加倍；
解決辦法：新增display:inline，設定內聯元素顯示。
3.空標籤高度
問題描述：當該空標籤的高度設定在19px以下時，其高度始終是19px；
解決辦法：新增overflow：hidden，設定溢位隱藏。
4.下方空隙
問題描述：所在區塊內下方會有空隙；
解決辦法：新增display：block，設定塊元素顯示。
5.左右邊距失效
問題描述：子元素設定左右邊距失效；
解決辦法：新增zoom：1等，激發父元素的layout；
6.相對位置和文字溢位
問題描述：父元素設定overflow:hidden，子元素設定position:relative，子元素溢位；
解決辦法：方法
一、不放置注釋；
方法二、注釋不要放置於2個浮動的區塊之間；
方法三、將文字區塊包含在新的
之間；
方法四、去除文字區塊的固定寬度；
方法五、在後面加乙個
或者空格；（不推薦）；
方法六、使用ie注釋格式，如：put your commentary in here…
方法七、新增position:relative給父元素。
7.最小高度
問題描述：ie忽略min-height屬性，它認為height就是最小高度；
解決辦法：使用ie6不支援但其餘瀏覽器支援的屬性!important。
8.png透明
問題描述：ie支援100%透明的png，ie6只是不支援png的alpha透明
解決辦法：img
9.影象縮放
問題描述：ie縮放效果
解決辦法：img
10.盒模型hack
問題描述：基於w3c標準，元素總寬度應該是總寬度 = margin-left + border-left + padding-left + width + padding-right + border-right + margin-right。但是，ie計算寬度時沒有加上填充和邊框：總寬度 = margin-left + width + margin-right
解決辦法：使用w3c的標準相容模式，ie6或者之後的版本能基於w3c的標準計算
11.div遮蓋select
問題描述：ie6以及以下版本，選擇框select會覆蓋div中的內容
解決辦法：在div內容中加入不顯示的iframe框架
12.中文注釋後樣式失效
問題描述：如果css有中文注釋，css為ansi編碼，html為utf-8編碼，注釋下面的樣式不起作用
解決辦法：統一css 和 html 的編碼
IE6中onresize 卡死的BUG
發現這個bug是由於ie6解析onresize方法與其他瀏覽器解析不盡相同。後來通過一段網上搜尋到的 成功解決。下面分享一下 view plain copy to clipboard print?vart 0 window.onresize function 第二個問題的問題比較傻，在ie6中，如果...
IE6常見CSS解析Bug及hack
a div中的間隙 該bug出現在ie6及更低版本中 描述 在div中插入時，會將div下方撐大三畫素。hack1 將 與hack2 將 b dt,li中間隙 ie6 hack 將 img設定對齊方式屬性vertical align top 描述 當ie6及更低版本瀏覽器在解析浮動元素時，會錯誤地把...
IE6常見CSS解釋BUG及hack
1 有邊框bug hack 給新增border 0或border 0 none。2 有間隙 hack1 將div與img併排寫在一行。hack2 將img轉為塊狀元素，即新增宣告display block。3 dt，li中有間隙 hack 將img轉為塊狀元素，新增宣告display block。4...