問題1：塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比 設定的大 問題描述：塊狀元素被新增float屬性後，在ie6顯示橫行margin值加倍。
解決方法：在float的標籤樣式控制中加入 display:inline;將其轉化為行內屬 性。
問題2：設定較小高度標籤（一般小於10px），在ie6，ie7，遨遊中高度超出 自己設定高度
問題描述：ie6、7和遨遊裡標籤的高度不受控制，原因是超出自己設定的 高度 解決方法：給超出高度的標籤設定overflow:hidden;或者設定行高lineheight 小於你設定的高度。
問題3：：預設有間距 問題描述：因為在多個img標籤是行內屬性標籤，所以只要不超出容器寬 度，img標籤都會排在一行裡，但是部分瀏覽器的img標籤之間會有個間 距。 解決方法：使用float進行浮動。
問題4：ie6下，不識別最大寬、高度和最小寬高度，意即min-width/height和 max-width/height在ie6中沒效果 問題描述：因為min-height本身就是乙個不相容的css屬性，所以設定 min-height時不能很好的被各個瀏覽器相容ie6、7和遨遊裡標籤的高度不 受控制，原因是超出自己設定的高度 解決方法：有以下兩種解決方法
第一種： 1 .abc 6 7 html>body .abc
第二種： 1 .abc
問題5：不同瀏覽器預設的margin值和padding值不同 問題描述：隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和 padding差異較大。
解決方法：在css中使用萬用字元選擇器重置樣式 1 *
1、網頁中插入會產生向下撐大3畫素的問題 解決方式：1)display：block;2)vertial-align：top/middle/bottom;3)給 新增浮動float。
3、ie瀏覽器中的雙邊距問題(雙邊距問題只有margin產生) 解決方式：給浮動的元素新增display：inline;
4、ie6中會把低於16px的字型預設為16px： 解決方式：font-size：0;overflow：hidden;
5、表單的元素高度不一致， 表單元素預設大小不一，原因為表單元素行高對齊 方式不一致： 解決方法：給表單元素新增float：left;
6、百分比bug：在ie6及以下版本中在解析百分比時，會按照四捨五入的方式 計算從而導致50%+50%大於100%的情況; 解決方式為：給右面的浮動的元素新增宣告：clear:right;清除又浮動。
7、元素的預設大小不一：描述：各瀏覽器中按鈕元素大小不一致(有的包括高 度，有的不包括); 解決方式：1)統一大小;2)input外面套乙個標籤，在這個標籤裡寫按鈕樣 式，把input的邊框去掉;3)如果這個按鈕是乙個，直接把作為按鈕的背 景圖即可。
8、透明度屬性： ie瀏覽器的寫法：filter：alpha(opacity=value);value的取值範圍是1-100; 相容其他瀏覽器的寫法：opacity：value;value值得取值範圍0-1，寫法可 以為0.1/.1/0.15。 9. 過濾器(filter) 下劃線的屬性過濾器：min-height:value;_height:value;(只有ie6識別; 選擇符
web前端瀏覽器相容問題
css中設定萬用字元 標籤設定overflow hidden 或者設定line height的值小於設定值。使用float img布局 opacity 0.5 filter alpha opacity 50 filter progid dximagetransform.microsoft.alpha...
前端瀏覽器相容問題
一 ie和谷歌相容性問題 在頭標籤裡面加 此方法可以解決大部分的相容性問題 這串 的意思是強制ie使用chrome frame去渲染 為防止此標籤失效，在此標籤之前最好不要寫任何標籤 二 各種標籤之間的magin和padding不一致 在乙個頁面沒有任何設定，只有原始的幾個標籤的情況下，各種標籤之間...
常見前端 瀏覽器相容問題
以下均可console.log 測試 var winw document.body.clientwidth document.docuemntelement.clientwidth 網頁可見區域寬 var winh document.body.clientheight document.docuem...