概念：不同的瀏覽器對同一段**解析不同造成瀏覽器顯示效果不同，我們把這樣的問題叫做瀏覽器相容性問題
1.雙倍浮動的bug
描述：塊元素float後，又設定了橫向的margin值，在ie6下顯示的margin值比設定的值要大，並且是2倍關係
解決方案：給float的塊元素新增display:inline;
解決方案：
a) 給表單元素新增一致的vertical-align屬性值
b) 給表單元素新增一致的float屬性值
解決方案：元素解決方案： img 或 img解決方案： min-height:100px; _height:100px;解決方案：
a) img
b) img
c) img
解決方案：
元素
描述：cursor:hand;只有ie8及以下瀏覽器識別，其他瀏覽器不識別
解決方案：
設定為 cursor:pointer; 所有瀏覽器都識別，將滑鼠指標設定為手的形狀
描述：在ie6下，子元素百分之五十加百分之五十大於父元素設定的百分之百
解決方案： 給右邊左浮動的元素新增clear:right;
描述：給上下兩個元素同時設定了margin-bottom和margin-top，此時較小的那個值會被重疊。
解決方案：給其中乙個元素外層巢狀乙個盒子，並設定overflow-hidden；觸發bfc，給裡面的元素建立乙個塊級格式化上下文，裡面元素的margin值便可以正常顯示。
描述：給子元素設定的margin值傳遞給了父元素
解決方案：
a)將設定的margin改為padding
b)給父元素設定overflow：hidden；或者float：left；觸發bfc
c)給父元素設定1px的透明邊框，即：
父元素
常見瀏覽器相容性問題
概念 不同的瀏覽器對同一段 解析不同造成瀏覽器顯示效果不同，我們把這樣的問題叫做瀏覽器相容性問題 描述 塊元素float後，又設定了橫向的margin值，在ie6下顯示的margin值比設定的值要大，並且是2倍關係 解決方案 給float的塊元素新增display inline 解決方案 a 給表單...
常見的瀏覽器相容性問題
1.就是ie6雙倍邊距的問題，在使用了float的情況下，不管是向左還是向右都會出現雙倍，最簡單的解決方法就是用display inline 加到 css裡面去。2.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3...
瀏覽器常見的相容性問題
1.瀏覽器相容問題一 不同瀏覽器的標籤預設的margin和padding不同。解決辦法 2.瀏覽器相容問題二 ie6雙邊距 bug，塊屬性標籤 float 後，又有橫行的 margin 情況下，在 ie6顯示 margin 比設定的大。3.瀏覽器相容問題三 設定較小高度標籤 一般小於 10px 在i...