*h5標籤相容：header section footer 等
使用js建立標籤document.createlement("header");
*元素浮動之後，能設定寬度的話，就給元素加寬度，如果需要寬度是內容撐開，就給它裡面的快元素加上浮動
清理浮動：overflow:hidden;
*第一塊元素浮動，第二塊加margin值等於第一塊元素，在ie6下會有間隙問題
1.不建議這麼寫
2.用浮動解決，兩邊都浮動
*ie6下子元素超出父級寬高，會把父級的寬高撐開
不要讓子元素的寬高超過父級
*p包含塊元素巢狀規則（塊元素不能再巢狀塊元素：p；td；h1~h6）
不巢狀*margin相容性問題
magrin-top傳遞：觸發bfc及haslayout
上下magrin疊壓：盡量使用同一方向的magrin
*display:inline-block （ie6不支援）
display:inline; zoom:1;
*ie6最小高度問題：19px
overflow:hindden;
*ie6雙邊距：當元素浮動後再設定margin那麼就會產生雙邊距
針對ie6，ie7新增：display:inline
*li裡元素都浮動，li在ie6，ie7下方會產生4px間隙問題
新增vertial-align:top;
*浮動元素之間注釋，導致多複雜乙個文字問題
1.兩個浮動元素中間避免出現內聯元素或者注釋
2.與父級寬度相差3px或以上
*ie6，ie7父級元素的overflow:hidden是包不住子級的relative
給父級新增相對定位
*ie6下絕對定位元素父級寬高是奇數，絕對定位元素的right和bottom值會有1px的偏差
避免父級寬高出現奇數
*ie6下絕對定位元素和浮動元素並列（同級）絕對定位元素消失
不處於同級就可以避免該bug
*ie6下input的空隙
給input新增浮動/float
*ie6下輸入型別表單控制項背景問題
設定background-attachment:fixed
css hack:針對不同瀏覽器寫不同的樣式：
\9所有的ie9及以前：background:blue\9;
*屬性 ie7及以下：*background:green;
_屬性 ie6以及的 _background:yellow;
CSS常見相容性問題及解決方案
css常見相容性問題及解決方案 1.上下margin重合問題 問題描述 相鄰的margin left和margin right是不會重合的，但是相鄰的塊級元素margin top 和margin bottom會產生重合。解決方案 統一設定margin top或者 marin bottom，不要混合使...
常見的瀏覽器相容性問題以及解決方案
1瀏覽器相容問題一 不同瀏覽器的標籤預設的margin和padding不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案一 可以使用normalize.css來清除預設樣式 解決方案二 也可以使用如下 body,h1,h2,...
CSS 多瀏覽器相容性問題及解決方案
相容性處理要點 1 doctype 影響 css 處理 2 ff 設定 padding 後，div 會增加 height 和 width，但 ie 不會，故需要用 important 多設乙個 height 和 width 3 ff 支援 important，ie 則忽略，可用 important ...